{"option":{"properties":{"title":{"properties":{"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"show":{"description":"<p>是否显示标题组件。</p>\n"},"text":{"description":"<p>主标题文本，支持使用 <code>\\n</code> 换行。</p>\n"},"link":{"description":"<p>主标题文本超链接。</p>\n"},"target":{"description":"<p>指定窗口打开主标题超链接。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p><code>&#39;self&#39;</code> 当前窗口打开</p>\n</li>\n<li><p><code>&#39;blank&#39;</code> 新窗口打开</p>\n</li>\n</ul>\n"},"textStyle":{"properties":{"color":{"description":"<p>主标题文字的颜色。</p>\n"},"fontStyle":{"description":"<p>主标题文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>主标题文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>主标题文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>主标题文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"subtext":{"description":"<p>副标题文本，支持使用 <code>\\n</code> 换行。</p>\n"},"sublink":{"description":"<p>副标题文本超链接。</p>\n"},"subtarget":{"description":"<p>指定窗口打开副标题超链接，可选：</p>\n<ul>\n<li><p><code>&#39;self&#39;</code> 当前窗口打开</p>\n</li>\n<li><p><code>&#39;blank&#39;</code> 新窗口打开</p>\n</li>\n</ul>\n"},"subtextStyle":{"properties":{"color":{"description":"<p>副标题文字的颜色。</p>\n"},"fontStyle":{"description":"<p>副标题文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>副标题文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>副标题文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>副标题文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"padding":{"description":"<p>标题内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"itemGap":{"description":"<p>主副标题之间的间距。</p>\n"},"zlevel":{"description":"<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"left":{"description":"<p>grid 组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"top":{"description":"<p>grid 组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"right":{"description":"<p>grid 组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n"},"bottom":{"description":"<p>grid 组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n"},"backgroundColor":{"description":"<p>标题背景色，默认透明。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>   ，如果想要加上 alpha 通道，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code></p>\n</blockquote>\n"},"borderColor":{"description":"<p>标题的边框颜色。支持的颜色格式同 backgroundColor。</p>\n"},"borderWidth":{"description":"<p>标题的边框线宽。</p>\n"},"borderRadius":{"description":"<p>圆角半径，单位px，支持传入数组分别指定 4 个圆角半径。\n如:</p>\n<pre><code>borderRadius: 5, // 统一设置四个角的圆角大小\nborderRadius: [5, 5, 0, 0] //（顺时针左上，右上，右下，左下）\n</code></pre>"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n<p><strong>注意</strong>：此配置项生效的前提是，设置了 <code>show: true</code> 以及值不为 <code>tranparent</code> 的背景色 <code>backgroundColor</code>。</p>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n<p><strong>注意</strong>：此配置项生效的前提是，设置了 <code>show: true</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n<p><strong>注意</strong>：此配置项生效的前提是，设置了 <code>show: true</code>。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n<p><strong>注意</strong>：此配置项生效的前提是，设置了 <code>show: true</code>。</p>\n"}}},"legend":{"properties":{"type":{"description":"<p>图例的类型。可选值：</p>\n<ul>\n<li><code>&#39;plain&#39;</code>：普通图例。缺省就是普通图例。</li>\n<li><code>&#39;scroll&#39;</code>：可滚动翻页的图例。当图例数量较多时可以使用。</li>\n</ul>\n<p>参见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=pie-legend&amp;edit=1&amp;reset=1\" target=\"_blank\">滚动图例（垂直）</a> 或 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=radar2&amp;edit=1&amp;reset=1\" target=\"_blank\">滚动图例（水平）</a>。</p>\n<p>当使用 <code>&#39;scroll&#39;</code> 时，这些使用这些设置进行细节配置：</p>\n<ul>\n<li><a href=\"#legend.scrollDataIndex\">legend.scrollDataIndex</a></li>\n<li><a href=\"#legend.pageButtonItemGap\">legend.pageButtonItemGap</a></li>\n<li><a href=\"#legend.pageButtonGap\">legend.pageButtonGap</a></li>\n<li><a href=\"#legend.pageButtonPosition\">legend.pageButtonPosition</a></li>\n<li><a href=\"#legend.pageFormatter\">legend.pageFormatter</a></li>\n<li><a href=\"#legend.pageIcons\">legend.pageIcons</a></li>\n<li><a href=\"#legend.pageIconColor\">legend.pageIconColor</a></li>\n<li><a href=\"#legend.pageIconInactiveColor\">legend.pageIconInactiveColor</a></li>\n<li><a href=\"#legend.pageIconSize\">legend.pageIconSize</a></li>\n<li><a href=\"#legend.pageTextStyle\">legend.pageTextStyle</a></li>\n<li><a href=\"#legend.animation\">legend.animation</a></li>\n<li><a href=\"#legend.animationDurationUpdate\">legend.animationDurationUpdate</a></li>\n</ul>\n"},"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"show":{"description":""},"zlevel":{"description":"<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"left":{"description":"<p>图例组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"top":{"description":"<p>图例组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"right":{"description":"<p>图例组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n"},"bottom":{"description":"<p>图例组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n"},"width":{"description":"<p>图例组件的宽度。默认自适应。</p>\n"},"height":{"description":"<p>图例组件的高度。默认自适应。</p>\n"},"orient":{"description":"<p>图例列表的布局朝向。</p>\n<p>可选：</p>\n<ul>\n<li>&#39;horizontal&#39;</li>\n<li>&#39;vertical&#39;</li>\n</ul>\n"},"align":{"description":"<p>图例标记和文本的对齐。默认自动，根据组件的位置和 orient 决定，当组件的 <a href=\"#legend.left\">left</a> 值为 &#39;right&#39; 以及纵向布局（<a href=\"#legend.orient\">orient</a> 为  &#39;vertical&#39;）的时候为右对齐，及为 &#39;right&#39;。</p>\n<p>可选：</p>\n<ul>\n<li>&#39;auto&#39;</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n</ul>\n"},"padding":{"description":"<p>图例内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"itemGap":{"description":"<p>图例每项之间的间隔。横向布局时为水平间隔，纵向布局时为纵向间隔。</p>\n"},"itemWidth":{"description":"<p>图例标记的图形宽度。</p>\n"},"itemHeight":{"description":"<p>图例标记的图形高度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果图标（可能来自系列的 <code>symbol</code> 或用户自定义的 <code>legend.data.icon</code>）是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"formatter":{"description":"<p>用来格式化图例文本，支持字符串模板和回调函数两种形式。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">// 使用字符串模板，模板变量为图例名称 {name}\nformatter: &#39;Legend {name}&#39;\n// 使用回调函数\nformatter: function (name) {\n    return &#39;Legend &#39; + name;\n}\n</code></pre>\n"},"selectedMode":{"description":"<p>图例选择的模式，控制是否可以通过点击图例改变系列的显示状态。默认开启图例选择，可以设成 <code>false</code> 关闭。</p>\n<p>除此之外也可以设成 <code>&#39;single&#39;</code> 或者  <code>&#39;multiple&#39;</code> 使用单选或者多选模式。</p>\n"},"inactiveColor":{"description":"<p>图例关闭时的颜色。</p>\n"},"selected":{"description":"<p>图例选中状态表。</p>\n<p>示例：</p>\n<pre><code>selected: {\n    // 选中&#39;系列1&#39;\n    &#39;系列1&#39;: true,\n    // 不选中&#39;系列2&#39;\n    &#39;系列2&#39;: false\n}\n</code></pre>"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"tooltip":{"description":"<p>图例的 tooltip 配置，配置项同 <a href=\"#tooltip\">tooltip</a>。默认不显示，可以在 legend 文字很多的时候对文字做裁剪并且开启 tooltip，如下示例：</p>\n<pre><code class=\"lang-js\">legend: {\n    formatter: function (name) {\n        return echarts.format.truncateText(name, 40, &#39;14px Microsoft Yahei&#39;, &#39;…&#39;);\n    },\n    tooltip: {\n        show: true\n    }\n}\n</code></pre>\n"},"data":{"items":{"properties":{"name":{"description":"<p>图例项的名称，应等于某系列的<code>name</code>值（如果是饼图，也可以是饼图单个数据的 <code>name</code>）。</p>\n"},"icon":{"description":"<p>图例项的 icon。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"textStyle":{"description":"<p>图例项的文本样式。</p>\n"}}}},"backgroundColor":{"description":"<p>图例背景色，默认透明。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>   ，如果想要加上 alpha 通道，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code></p>\n</blockquote>\n"},"borderColor":{"description":"<p>图例的边框颜色。支持的颜色格式同 backgroundColor。</p>\n"},"borderWidth":{"description":"<p>图例的边框线宽。</p>\n"},"borderRadius":{"description":"<p>圆角半径，单位px，支持传入数组分别指定 4 个圆角半径。\n如:</p>\n<pre><code>borderRadius: 5, // 统一设置四个角的圆角大小\nborderRadius: [5, 5, 0, 0] //（顺时针左上，右上，右下，左下）\n</code></pre>"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n<p><strong>注意</strong>：此配置项生效的前提是，设置了 <code>show: true</code> 以及值不为 <code>tranparent</code> 的背景色 <code>backgroundColor</code>。</p>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n<p><strong>注意</strong>：此配置项生效的前提是，设置了 <code>show: true</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n<p><strong>注意</strong>：此配置项生效的前提是，设置了 <code>show: true</code>。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n<p><strong>注意</strong>：此配置项生效的前提是，设置了 <code>show: true</code>。</p>\n"},"scrollDataIndex":{"description":"<p><a href=\"#legend.type\">legend.type</a> 为 <code>&#39;scroll&#39;</code> 时有效。</p>\n<p>图例当前最左上显示项的 <code>dataIndex</code>。</p>\n<p><code>setOption</code> 时指定此项的话，可决定当前图例滚动到哪里。</p>\n<p>但是，如果仅仅想改变图例翻页，一般并不调用 <code>setOption</code>（因为这太重量了），仅仅使用 action <a href=\"api.html#action.legend.legendScroll\" target=\"_blank\">legendScroll</a> 即可。</p>\n<p>参见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=pie-legend&amp;edit=1&amp;reset=1\" target=\"_blank\">滚动图例（垂直）</a> 或 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=radar2&amp;edit=1&amp;reset=1\" target=\"_blank\">滚动图例（水平）</a>。</p>\n"},"pageButtonItemGap":{"description":"<p><a href=\"#legend.type\">legend.type</a> 为 <code>&#39;scroll&#39;</code> 时有效。</p>\n<p>图例控制块中，按钮和页信息之间的间隔。</p>\n<p>参见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=pie-legend&amp;edit=1&amp;reset=1\" target=\"_blank\">滚动图例（垂直）</a> 或 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=radar2&amp;edit=1&amp;reset=1\" target=\"_blank\">滚动图例（水平）</a>。</p>\n"},"pageButtonGap":{"description":"<p><a href=\"#legend.type\">legend.type</a> 为 <code>&#39;scroll&#39;</code> 时有效。</p>\n<p>图例控制块和图例项之间的间隔。</p>\n<p>参见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=pie-legend&amp;edit=1&amp;reset=1\" target=\"_blank\">滚动图例（垂直）</a> 或 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=radar2&amp;edit=1&amp;reset=1\" target=\"_blank\">滚动图例（水平）</a>。</p>\n"},"pageButtonPosition":{"description":"<p><a href=\"#legend.type\">legend.type</a> 为 <code>&#39;scroll&#39;</code> 时有效。</p>\n<p>图例控制块的位置。可选值为：</p>\n<ul>\n<li><code>&#39;start&#39;</code>：控制块在左或上。</li>\n<li><code>&#39;end&#39;</code>：按钮快在右或下。</li>\n</ul>\n<p>参见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=pie-legend&amp;edit=1&amp;reset=1\" target=\"_blank\">滚动图例（垂直）</a> 或 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=radar2&amp;edit=1&amp;reset=1\" target=\"_blank\">滚动图例（水平）</a>。</p>\n"},"pageFormatter":{"description":"<p><a href=\"#legend.type\">legend.type</a> 为 <code>&#39;scroll&#39;</code> 时有效。</p>\n<p>图例控制块中，页信息的显示格式。默认为 <code>&#39;{current}/{total}&#39;</code>，其中 <code>{current}</code> 是当前页号（从 1 开始计数），<code>{total}</code> 是总页数。</p>\n<p>如果 <code>pageFormatter</code> 使用函数，须返回字符串，参数为：</p>\n<pre><code class=\"lang-js\">{\n    current: number\n    total: number\n}\n</code></pre>\n<p>参见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=pie-legend&amp;edit=1&amp;reset=1\" target=\"_blank\">滚动图例（垂直）</a> 或 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=radar2&amp;edit=1&amp;reset=1\" target=\"_blank\">滚动图例（水平）</a>。</p>\n"},"pageIcons":{"properties":{"horizontal":{"description":"<p><a href=\"#legend.orient\">legend.orient</a> 为 <code>&#39;horizontal&#39;</code> 时的翻页按钮图标。</p>\n<p>是一个数组，表示 <code>[previous page button, next page button]</code>。默认值为 <code>[&#39;M0,0L12,-10L12,10z&#39;, &#39;M0,0L-12,-10L-12,10z&#39;]</code>，。</p>\n<p>数组中每项，</p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre><p>参见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=pie-legend&amp;edit=1&amp;reset=1\" target=\"_blank\">滚动图例（垂直）</a> 或 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=radar2&amp;edit=1&amp;reset=1\" target=\"_blank\">滚动图例（水平）</a>。</p>\n"},"vertical":{"description":"<p><a href=\"#legend.orient\">legend.orient</a> 为 <code>&#39;vertical&#39;</code> 时的翻页按钮图标。</p>\n<p>是一个数组，表示 <code>[previous page button, next page button]</code>。默认值为 <code>[&#39;M0,0L20,0L10,-20z&#39;, &#39;M0,0L20,0L10,20z&#39;]</code>，。</p>\n<p>数组中每项，</p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre><p>参见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=pie-legend&amp;edit=1&amp;reset=1\" target=\"_blank\">滚动图例（垂直）</a> 或 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=radar2&amp;edit=1&amp;reset=1\" target=\"_blank\">滚动图例（水平）</a>。</p>\n"}}},"pageIconColor":{"description":"<p><a href=\"#legend.type\">legend.type</a> 为 <code>&#39;scroll&#39;</code> 时有效。</p>\n<p>翻页按钮的颜色。</p>\n<p>参见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=pie-legend&amp;edit=1&amp;reset=1\" target=\"_blank\">滚动图例（垂直）</a> 或 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=radar2&amp;edit=1&amp;reset=1\" target=\"_blank\">滚动图例（水平）</a>。</p>\n"},"pageIconInactiveColor":{"description":"<p><a href=\"#legend.type\">legend.type</a> 为 <code>&#39;scroll&#39;</code> 时有效。</p>\n<p>翻页按钮不激活时（即翻页到头时）的颜色。</p>\n<p>参见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=pie-legend&amp;edit=1&amp;reset=1\" target=\"_blank\">滚动图例（垂直）</a> 或 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=radar2&amp;edit=1&amp;reset=1\" target=\"_blank\">滚动图例（水平）</a>。</p>\n"},"pageIconSize":{"description":"<p><a href=\"#legend.type\">legend.type</a> 为 <code>&#39;scroll&#39;</code> 时有效。</p>\n<p>翻页按钮的大小。可以是数字，也可以是数组，如 <code>[10, 3]</code>，表示 <code>[宽，高]</code>。</p>\n<p>参见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=pie-legend&amp;edit=1&amp;reset=1\" target=\"_blank\">滚动图例（垂直）</a> 或 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=radar2&amp;edit=1&amp;reset=1\" target=\"_blank\">滚动图例（水平）</a>。</p>\n"},"pageTextStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"animation":{"description":"<p>图例翻页是否使用动画。</p>\n"},"animationDurationUpdate":{"description":"<p>图例翻页时的动画时长。</p>\n"}}},"grid":{"properties":{"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"show":{"description":"<p>是否显示直角坐标系网格。</p>\n"},"zlevel":{"description":"<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"left":{"description":"<p>grid 组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"top":{"description":"<p>grid 组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"right":{"description":"<p>grid 组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n"},"bottom":{"description":"<p>grid 组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n"},"width":{"description":"<p>grid 组件的宽度。默认自适应。</p>\n"},"height":{"description":"<p>grid 组件的高度。默认自适应。</p>\n"},"containLabel":{"description":"<p>grid 区域是否包含坐标轴的<a href=\"#yAxis.axisLabel\">刻度标签</a>。</p>\n<ul>\n<li>containLabel 为 <code>false</code> 的时候：<ul>\n<li><code>grid.left</code> <code>grid.right</code> <code>grid.top</code> <code>grid.bottom</code> <code>grid.width</code> <code>grid.height</code> 决定的是由坐标轴形成的矩形的尺寸和位置。</li>\n<li>这比较适用于多个 <code>grid</code> 进行对齐的场景，因为往往多个 <code>grid</code> 对齐的时候，是依据坐标轴来对齐的。</li>\n</ul>\n</li>\n<li>containLabel 为 <code>true</code> 的时候：<ul>\n<li><code>grid.left</code> <code>grid.right</code> <code>grid.top</code> <code>grid.bottom</code> <code>grid.width</code> <code>grid.height</code> 决定的是包括了坐标轴标签在内的所有内容所形成的矩形的位置。</li>\n<li>这常用于『防止标签溢出』的场景，标签溢出指的是，标签长度动态变化时，可能会溢出容器或者覆盖其他组件。</li>\n</ul>\n</li>\n</ul>\n"},"backgroundColor":{"description":"<p>网格背景色，默认透明。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>   ，如果想要加上 alpha 通道，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code></p>\n</blockquote>\n<p><strong>注意</strong>：此配置项生效的前提是，设置了 <code>show: true</code>。</p>\n"},"borderColor":{"description":"<p>网格的边框颜色。支持的颜色格式同 backgroundColor。</p>\n<p><strong>注意</strong>：此配置项生效的前提是，设置了 <code>show: true</code>。</p>\n"},"borderWidth":{"description":"<p>网格的边框线宽。</p>\n<p><strong>注意</strong>：此配置项生效的前提是，设置了 <code>show: true</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n<p><strong>注意</strong>：此配置项生效的前提是，设置了 <code>show: true</code> 以及值不为 <code>tranparent</code> 的背景色 <code>backgroundColor</code>。</p>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n<p><strong>注意</strong>：此配置项生效的前提是，设置了 <code>show: true</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n<p><strong>注意</strong>：此配置项生效的前提是，设置了 <code>show: true</code>。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n<p><strong>注意</strong>：此配置项生效的前提是，设置了 <code>show: true</code>。</p>\n"},"tooltip":{"properties":{"show":{"description":"<p>是否显示提示框组件，包括提示框浮层和 <a href=\"#tooltip.axisPointer\">axisPointer</a>。</p>\n"},"trigger":{"description":"<p>触发类型。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>&#39;item&#39;</code></p>\n<p>  数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。</p>\n</li>\n<li><p><code>&#39;axis&#39;</code></p>\n<p>  坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用。</p>\n<p>  在 ECharts 2.x 中只支持类目轴上使用 axis trigger，在 ECharts 3 中支持在<a href=\"#grid\">直角坐标系</a>和<a href=\"#polar\">极坐标系</a>上的所有类型的轴。并且可以通过 <a href=\"#tooltip.axisPointer.axis\">axisPointer.axis</a> 指定坐标轴。</p>\n</li>\n<li><p><code>&#39;none&#39;</code></p>\n<p>  什么都不触发。</p>\n</li>\n</ul>\n"},"axisPointer":{"properties":{"type":{"description":"<p>指示器类型。</p>\n<p>可选</p>\n<ul>\n<li><p><code>&#39;line&#39;</code> 直线指示器</p>\n</li>\n<li><p><code>&#39;shadow&#39;</code> 阴影指示器</p>\n</li>\n<li><p><code>&#39;cross&#39;</code> 十字准星指示器。其实是种简写，表示启用两个正交的轴的 axisPointer。</p>\n</li>\n</ul>\n"},"axis":{"description":"<p>指示器的坐标轴。</p>\n<p>默认情况，坐标系会自动选择显示哪个轴的 axisPointer（默认取类目轴或者时间轴）。</p>\n<p>可以是 <code>&#39;x&#39;</code>, <code>&#39;y&#39;</code>, <code>&#39;radius&#39;</code>, <code>&#39;angle&#39;</code>。</p>\n"},"snap":{"description":"<p>坐标轴指示器是否自动吸附到点上。默认自动判断。</p>\n<p>这个功能在数值轴和时间轴上比较有意义，可以自动寻找细小的数值点。</p>\n"},"z":{"description":"<p>坐标轴指示器的 z 值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示文本标签。如果 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code> 则默认显示标签，否则默认不显示。</p>\n"},"precision":{"description":"<p>文本标签中数值的小数点精度。默认根据当前轴的值自动判断。也可以指定如 <code>2</code> 表示保留两位小数。</p>\n"},"formatter":{"description":"<p>文本标签文字的格式化器。</p>\n<p>如果为 <code>string</code>，可以是例如：<code>formatter: &#39;some text {value} some text</code>，其中 <code>{value}</code> 会被自动替换为轴的值。</p>\n<p>如果为 <code>function</code>，可以是例如：</p>\n<p><strong>参数：</strong></p>\n<p><code>{Object}</code> params: 含有：</p>\n<p><code>{Object}</code> params.value: 轴当前值，如果 axis.type 为 &#39;category&#39; 时，其值为 axis.data 里的数值。如果 axis.type 为 <code>&#39;time&#39;</code>，其值为时间戳。</p>\n<p><code>{Array.&lt;Object&gt;}</code> params.seriesData: 一个数组，是当前 axisPointer 最近的点的信息，每项内容为</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>每项内容还包括轴的信息：</p>\n<pre><code class=\"lang-js\">{\n    axisDim: &#39;x&#39;, // &#39;x&#39;, &#39;y&#39;, &#39;angle&#39;, &#39;radius&#39;, &#39;single&#39;\n    axisId: &#39;xxx&#39;,\n    axisName: &#39;xxx&#39;,\n    axisIndex: 3,\n    axisValue: 121, // 当前 axisPointer 对应的 value。\n    axisValueLabel: &#39;文本&#39;\n}\n</code></pre>\n<p><strong>返回值：</strong></p>\n<p>显示的 string。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">formatter: function (params) {\n    // 假设此轴的 type 为 &#39;time&#39;。\n    return &#39;some text&#39; + echarts.format.formatTime(params.value);\n}\n</code></pre>\n"},"margin":{"description":"<p>label 距离轴的距离。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"padding":{"description":"<p>axisPointer内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"backgroundColor":{"description":"<p>文本标签的背景颜色，默认是和 <a href=\"#xAxis.axisLine.lineStyle.color\">axis.axisLine.lineStyle.color</a> 相同。</p>\n"},"borderColor":{"description":"<p>文本标签的边框颜色。</p>\n"},"borderWidth":{"description":"<p>文本标签的边框宽度。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"shadowStyle":{"properties":{"color":{"description":"<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"crossStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"position":{"description":"<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}},"xAxis":{"properties":{"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"show":{"description":"<p>是否显示 x 轴。</p>\n"},"gridIndex":{"description":"<p>x 轴所在的 grid 的索引，默认位于第一个 grid。</p>\n"},"position":{"description":"<p>x 轴的位置。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p>默认 grid 中的第一个 x 轴在 grid 的下方（<code>&#39;bottom&#39;</code>），第二个 x 轴视第一个 x 轴的位置放在另一侧。</p>\n"},"offset":{"description":"<p>X 轴相对于默认位置的偏移，在相同的 <code>position</code> 上有多个 X 轴的时候有用。</p>\n"},"type":{"description":"<p>坐标轴类型。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>&#39;value&#39;</code>\n  数值轴，适用于连续数据。</p>\n</li>\n<li><p><code>&#39;category&#39;</code>\n  类目轴，适用于离散的类目数据，为该类型时必须通过 <a href=\"#xAxis.data\">data</a> 设置类目数据。</p>\n</li>\n<li><p><code>&#39;time&#39;</code>\n  时间轴，适用于连续的时序数据，与数值轴相比时间轴带有时间的格式化，在刻度计算上也有所不同，例如会根据跨度的范围来决定使用月，星期，日还是小时范围的刻度。</p>\n</li>\n<li><p><code>&#39;log&#39;</code>\n  对数轴。适用于对数数据。</p>\n</li>\n</ul>\n"},"name":{"description":"<p>坐标轴名称。</p>\n"},"nameLocation":{"description":"<p>坐标轴名称显示位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><code>&#39;start&#39;</code></li>\n<li><code>&#39;middle&#39;</code> 或者 <code>&#39;center&#39;</code></li>\n<li><code>&#39;end&#39;</code></li>\n</ul>\n"},"nameTextStyle":{"properties":{"color":{"description":"<p>坐标轴名称的颜色，默认取 <a href=\"#xAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。</p>\n"},"fontStyle":{"description":"<p>坐标轴名称文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>坐标轴名称文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>坐标轴名称文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>坐标轴名称文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n<!-- Overwrite color -->"}}}}}}},"nameGap":{"description":"<p>坐标轴名称与轴线之间的距离。</p>\n"},"nameRotate":{"description":"<p>坐标轴名字旋转，角度值。</p>\n"},"inverse":{"description":"<p>是否是反向坐标轴。ECharts 3 中新加。</p>\n"},"boundaryGap":{"description":"<p>坐标轴两边留白策略，类目轴和非类目轴的设置和表现不一样。</p>\n<p>类目轴中 <code>boundaryGap</code> 可以配置为 <code>true</code> 和 <code>false</code>。默认为 <code>true</code>，这时候<a href=\"#xAxis.axisTick\">刻度</a>只是作为分隔线，标签和数据点都会在两个<a href=\"#xAxis.axisTick\">刻度</a>之间的带(band)中间。</p>\n<p>非类目轴，包括时间，数值，对数轴，<code>boundaryGap</code>是一个两个值的数组，分别表示数据最小值和最大值的延伸范围，可以直接设置数值或者相对的百分比，在设置 <a href=\"#xAxis.min\">min</a> 和 <a href=\"#xAxis.max\">max</a> 后无效。\n<strong>示例：</strong></p>\n<pre><code class=\"lang-js\">boundaryGap: [&#39;20%&#39;, &#39;20%&#39;]\n</code></pre>\n"},"min":{"description":"<p>坐标轴刻度最小值。</p>\n<p>可以设置成特殊值 <code>&#39;dataMin&#39;</code>，此时取数据在该轴上的最小值作为最小刻度。</p>\n<p>不设置时会自动计算最小值保证坐标轴刻度的均匀分布。</p>\n<p>在类目轴中，也可以设置为类目的序数（如类目轴 <code>data: [&#39;类A&#39;, &#39;类B&#39;, &#39;类C&#39;]</code> 中，序数 <code>2</code> 表示 <code>&#39;类C&#39;</code>。也可以设置为负数，如 <code>-3</code>）。</p>\n<p>当设置成 <code>function</code> 形式时，可以根据计算得出的数据最大最小值设定坐标轴的最小值。如：</p>\n<pre><code>min: function(value) {\n    return value.min - 20;\n}\n</code></pre><p>其中 <code>value</code> 是一个包含 <code>min</code> 和 <code>max</code> 的对象，分别表示数据的最大最小值，这个函数应该返回坐标轴的最小值。</p>\n"},"max":{"description":"<p>坐标轴刻度最大值。</p>\n<p>可以设置成特殊值 <code>&#39;dataMax&#39;</code>，此时取数据在该轴上的最大值作为最大刻度。</p>\n<p>不设置时会自动计算最大值保证坐标轴刻度的均匀分布。</p>\n<p>在类目轴中，也可以设置为类目的序数（如类目轴 <code>data: [&#39;类A&#39;, &#39;类B&#39;, &#39;类C&#39;]</code> 中，序数 <code>2</code> 表示 <code>&#39;类C&#39;</code>。也可以设置为负数，如 <code>-3</code>）。</p>\n<p>当设置成 <code>function</code> 形式时，可以根据计算得出的数据最大最小值设定坐标轴的最小值。如：</p>\n<pre><code>max: function(value) {\n    return value.max - 20;\n}\n</code></pre><p>其中 <code>value</code> 是一个包含 <code>min</code> 和 <code>max</code> 的对象，分别表示数据的最大最小值，这个函数应该返回坐标轴的最大值。</p>\n"},"scale":{"description":"<p>只在数值轴中（<a href=\"#xAxis.type\">type</a>: &#39;value&#39;）有效。</p>\n<p>是否是脱离 0 值比例。设置成 <code>true</code> 后坐标刻度不会强制包含零刻度。在双数值轴的散点图中比较有用。</p>\n<p>在设置 <a href=\"#xAxis.min\">min</a> 和 <a href=\"#xAxis.max\">max</a> 之后该配置项无效。</p>\n"},"splitNumber":{"description":"<p>坐标轴的分割段数，需要注意的是这个分割段数只是个预估值，最后实际显示的段数会在这个基础上根据分割后坐标轴刻度显示的易读程度作调整。</p>\n<p>在类目轴中无效。</p>\n"},"minInterval":{"description":"<p>自动计算的坐标轴最小间隔大小。</p>\n<p>例如可以设置成<code>1</code>保证坐标轴分割刻度显示成整数。</p>\n<pre><code class=\"lang-js\">{\n    minInterval: 1\n}\n</code></pre>\n<p>只在数值轴或时间轴中（<a href=\"#xAxis.type\">type</a>: &#39;value&#39; 或 &#39;time&#39;）有效。</p>\n"},"maxInterval":{"description":"<p>自动计算的坐标轴最大间隔大小。</p>\n<p>例如，在时间轴（（<a href=\"#xAxis.type\">type</a>: &#39;time&#39;））可以设置成 <code>3600 * 24 * 1000</code> 保证坐标轴分割刻度最大为一天。</p>\n<pre><code class=\"lang-js\">{\n    maxInterval: 3600 * 24 * 1000\n}\n</code></pre>\n<p>只在数值轴或时间轴中（<a href=\"#xAxis.type\">type</a>: &#39;value&#39; 或 &#39;time&#39;）有效。</p>\n"},"interval":{"description":"<p>强制设置坐标轴分割间隔。</p>\n<p>因为 <a href=\"#xAxis.splitNumber\">splitNumber</a> 是预估的值，实际根据策略计算出来的刻度可能无法达到想要的效果，这时候可以使用 interval 配合 <a href=\"#xAxis.min\">min</a>、<a href=\"#xAxis.max\">max</a> 强制设定刻度划分，一般不建议使用。</p>\n<p>无法在类目轴中使用。在时间轴（<a href=\"#xAxis.type\">type</a>: &#39;time&#39;）中需要传时间戳，在对数轴（<a href=\"#xAxis.type\">type</a>: &#39;log&#39;）中需要传指数值。</p>\n"},"logBase":{"description":"<p>对数轴的底数，只在对数轴中（<a href=\"#xAxis.type\">type</a>: &#39;log&#39;）有效。</p>\n"},"silent":{"description":"<p>坐标轴是否是静态无法交互。</p>\n"},"triggerEvent":{"description":"<p>坐标轴的标签是否响应和触发鼠标事件，默认不响应。</p>\n<p>事件参数如下：</p>\n<pre><code class=\"lang-js\">{\n    // 组件类型，xAxis, yAxis, radiusAxis, angleAxis\n    // 对应组件类型都会有一个属性表示组件的 index，例如 xAxis 就是 xAxisIndex\n    componentType: string,\n    // 未格式化过的刻度值, 点击刻度标签有效\n    value: &#39;&#39;,\n    // 坐标轴名称, 点击坐标轴名称有效\n    name: &#39;&#39;\n}\n</code></pre>\n"},"axisLine":{"properties":{"show":{"description":"<p>是否显示坐标轴轴线。</p>\n"},"onZero":{"description":"<p>X 轴或者 Y 轴的轴线是否在另一个轴的 0 刻度上，只有在另一个轴为数值轴且包含 0 刻度时有效。</p>\n"},"onZeroAxisIndex":{"description":"<p>当有双轴时，可以用这个属性手动指定，在哪个轴的 0 刻度上。</p>\n"},"symbol":{"description":"<p>轴线两边的箭头。可以是字符串，表示两端使用同样的箭头；或者长度为 2 的字符串数组，分别表示两端的箭头。默认不显示箭头，即 <code>&#39;none&#39;</code>。两端都显示箭头可以设置为 <code>&#39;arrow&#39;</code>，只在末端显示箭头可以设置为 <code>[&#39;none&#39;, &#39;arrow&#39;]</code>。</p>\n"},"symbolSize":{"description":"<p>轴线两边的箭头的大小，第一个数字表示宽度（垂直坐标轴方向），第二个数字表示高度（平行坐标轴方向）。</p>\n"},"symbolOffset":{"description":"<p>轴线两边的箭头的偏移，如果是数组，第一个数字表示起始箭头的偏移，第二个数字表示末端箭头的偏移；如果是数字，表示这两个箭头使用同样的偏移。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>坐标轴线线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>坐标轴线线宽。</p>\n"},"type":{"description":"<p>坐标轴线线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"axisTick":{"properties":{"show":{"description":"<p>是否显示坐标轴刻度。</p>\n"},"alignWithLabel":{"description":"<p>类目轴中在 <code>boundaryGap</code> 为 <code>true</code> 的时候有效，可以保证刻度线和标签对齐。如下图：</p>\n<p><img width=\"600\" height=\"auto\" src=\"documents/asset/img/axis-align-with-label.png\"></p>\n"},"interval":{"description":"<p>坐标轴刻度的显示间隔，在类目轴中有效。默认同 <a href=\"#xAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n"},"inside":{"description":"<p>坐标轴刻度是否朝内，默认朝外。</p>\n"},"length":{"description":"<p>坐标轴刻度的长度。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>刻度线的颜色，默认取 <a href=\"#xAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。</p>\n"},"width":{"description":"<p>坐标轴刻度线宽。</p>\n"},"type":{"description":"<p>坐标轴刻度线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<!-- Overwrite color -->"}}}}},"axisLabel":{"properties":{"show":{"description":"<p>是否显示刻度标签。</p>\n"},"interval":{"description":"<p>坐标轴刻度标签的显示间隔，在类目轴中有效。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n"},"inside":{"description":"<p>刻度标签是否朝内，默认朝外。</p>\n"},"rotate":{"description":"<p>刻度标签旋转的角度，在类目轴的类目标签显示不下的时候可以通过旋转防止标签之间重叠。</p>\n<p>旋转的角度从 -90 度到 90 度。</p>\n"},"margin":{"description":"<p>刻度标签与轴线之间的距离。</p>\n"},"formatter":{"description":"<p>刻度标签的内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p>示例:</p>\n<pre><code class=\"lang-js\">// 使用字符串模板，模板变量为刻度默认标签 {value}\nformatter: &#39;{value} kg&#39;\n\n// 使用函数模板，函数参数分别为刻度数值（类目），刻度的索引\nformatter: function (value, index) {\n    // 格式化成月/日，只在第一个刻度显示年份\n    var date = new Date(value);\n    var texts = [(date.getMonth() + 1), date.getDate()];\n    if (index === 0) {\n        texts.unshift(date.getYear());\n    }\n    return texts.join(&#39;/&#39;);\n}\n</code></pre>\n"},"showMinLabel":{"description":"<p>是否显示最小 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最小 tick 的 label）。</p>\n"},"showMaxLabel":{"description":"<p>是否显示最大 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最大 tick 的 label）。</p>\n"},"color":{"description":"<p>刻度标签文字的颜色，默认取 <a href=\"#xAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。支持回调函数，格式如下</p>\n<pre><code class=\"lang-js\">(val: string) =&gt; Color\n</code></pre>\n<p>参数是标签的文本，返回颜色值，如下示例：</p>\n<pre><code class=\"lang-js\">textStyle: {\n    color: function (value, index) {\n        return value &gt;= 0 ? &#39;green&#39; : &#39;red&#39;;\n    }\n}\n</code></pre>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n<!-- Overwrite color -->"}}}}}}},"splitLine":{"properties":{"show":{"description":"<p>是否显示分隔线。默认数值轴显示，类目轴不显示。</p>\n"},"interval":{"description":"<p>坐标轴分隔线的显示间隔，在类目轴中有效。默认同 <a href=\"#xAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>分隔线颜色，可以设置成单个颜色。</p>\n<p>也可以设置成颜色数组，分隔线会按数组中颜色的顺序依次循环设置颜色。</p>\n<p>示例</p>\n<pre><code>splitLine: {\n    lineStyle: {\n        // 使用深浅的间隔色\n        color: [&#39;#aaa&#39;, &#39;#ddd&#39;]\n    }\n}\n</code></pre>"},"width":{"description":"<p>分隔线线宽。</p>\n"},"type":{"description":"<p>分隔线线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<!-- overwrite color -->"}}}}},"splitArea":{"properties":{"interval":{"description":"<p>坐标轴分隔区域的显示间隔，在类目轴中有效。默认同 <a href=\"#xAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n"},"show":{"description":"<p>是否显示分隔区域。</p>\n"},"areaStyle":{"properties":{"color":{"description":"<p>分隔区域颜色。分隔区域会按数组中颜色的顺序依次循环设置颜色。默认是一个深浅的间隔色。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"items":{"properties":{"value":{"description":"<p>单个类目名称。</p>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}},"axisPointer":{"properties":{"show":{"description":"<p>默认不显示。但是如果 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 设置为 <code>&#39;axis&#39;</code> 或者 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code>，则自动显示 axisPointer。坐标系会自动选择显示显示哪个轴的 axisPointer，也可以使用 <a href=\"#tooltip.axisPointer.axis\">tooltip.axisPointer.axis</a> 改变这种选择。</p>\n"},"type":{"description":"<p>指示器类型。</p>\n<p>可选</p>\n<ul>\n<li><p><code>&#39;line&#39;</code> 直线指示器</p>\n</li>\n<li><p><code>&#39;shadow&#39;</code> 阴影指示器</p>\n</li>\n</ul>\n"},"snap":{"description":"<p>坐标轴指示器是否自动吸附到点上。默认自动判断。</p>\n<p>这个功能在数值轴和时间轴上比较有意义，可以自动寻找细小的数值点。</p>\n"},"z":{"description":"<p>坐标轴指示器的 z 值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示文本标签。如果 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code> 则默认显示标签，否则默认不显示。</p>\n"},"precision":{"description":"<p>文本标签中数值的小数点精度。默认根据当前轴的值自动判断。也可以指定如 <code>2</code> 表示保留两位小数。</p>\n"},"formatter":{"description":"<p>文本标签文字的格式化器。</p>\n<p>如果为 <code>string</code>，可以是例如：<code>formatter: &#39;some text {value} some text</code>，其中 <code>{value}</code> 会被自动替换为轴的值。</p>\n<p>如果为 <code>function</code>，可以是例如：</p>\n<p><strong>参数：</strong></p>\n<p><code>{Object}</code> params: 含有：</p>\n<p><code>{Object}</code> params.value: 轴当前值，如果 axis.type 为 &#39;category&#39; 时，其值为 axis.data 里的数值。如果 axis.type 为 <code>&#39;time&#39;</code>，其值为时间戳。</p>\n<p><code>{Array.&lt;Object&gt;}</code> params.seriesData: 一个数组，是当前 axisPointer 最近的点的信息，每项内容为</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>每项内容还包括轴的信息：</p>\n<pre><code class=\"lang-js\">{\n    axisDim: &#39;x&#39;, // &#39;x&#39;, &#39;y&#39;, &#39;angle&#39;, &#39;radius&#39;, &#39;single&#39;\n    axisId: &#39;xxx&#39;,\n    axisName: &#39;xxx&#39;,\n    axisIndex: 3,\n    axisValue: 121, // 当前 axisPointer 对应的 value。\n    axisValueLabel: &#39;文本&#39;\n}\n</code></pre>\n<p><strong>返回值：</strong></p>\n<p>显示的 string。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">formatter: function (params) {\n    // 假设此轴的 type 为 &#39;time&#39;。\n    return &#39;some text&#39; + echarts.format.formatTime(params.value);\n}\n</code></pre>\n"},"margin":{"description":"<p>label 距离轴的距离。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"padding":{"description":"<p>axisPointer内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"backgroundColor":{"description":"<p>文本标签的背景颜色，默认是和 <a href=\"#xAxis.axisLine.lineStyle.color\">axis.axisLine.lineStyle.color</a> 相同。</p>\n"},"borderColor":{"description":"<p>文本标签的边框颜色。</p>\n"},"borderWidth":{"description":"<p>文本标签的边框宽度。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"shadowStyle":{"properties":{"color":{"description":"<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"triggerTooltip":{"description":"<p>是否触发 tooltip。如果不想触发 tooltip 可以关掉。</p>\n"},"value":{"description":"<p>当前的 value。在使用 <a href=\"xAxisPointer.handle\" target=\"_blank\">axisPointer.handle</a> 时，可以设置此值进行初始值设定，从而决定 axisPointer 的初始位置。</p>\n"},"status":{"description":"<p>当前的状态，可取值为 <code>&#39;show&#39;</code> 和 <code>&#39;hide&#39;</code>。</p>\n"},"handle":{"properties":{"show":{"description":"<p>当 show 设为 <code>true</code> 时开启，这时显示手柄，并且 axisPointer 会一直显示。</p>\n"},"icon":{"description":"<p>手柄的图标。</p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre><p>参见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/axisPointer-handle-image&amp;edit=1&amp;reset=1\" target=\"_blank\">使用图片的例子</a></p>\n"},"size":{"description":"<p>手柄的尺寸，可以设置单值，如 <code>45</code>，也可以设置为数组：<code>[width, height]</code>。</p>\n"},"margin":{"description":"<p>手柄与轴的距离。注意，这是手柄中心点和轴的距离。</p>\n"},"color":{"description":"<p>手柄颜色。</p>\n"},"throttle":{"description":"<p>手柄拖拽时触发视图更新周期，单位毫秒，调大这个数值可以改善性能，但是降低体验。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"}}}}},"zlevel":{"description":"<p>X 轴所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>X 轴组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"}}},"yAxis":{"properties":{"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"show":{"description":"<p>是否显示 y 轴。</p>\n"},"gridIndex":{"description":"<p>y 轴所在的 grid 的索引，默认位于第一个 grid。</p>\n"},"position":{"description":"<p>y 轴的位置。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p>默认 grid 中的第一个 y 轴在 grid 的左侧（<code>&#39;left&#39;</code>），第二个 y 轴视第一个 y 轴的位置放在另一侧。</p>\n"},"offset":{"description":"<p>Y 轴相对于默认位置的偏移，在相同的 <code>position</code> 上有多个 Y 轴的时候有用。</p>\n"},"type":{"description":"<p>坐标轴类型。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>&#39;value&#39;</code>\n  数值轴，适用于连续数据。</p>\n</li>\n<li><p><code>&#39;category&#39;</code>\n  类目轴，适用于离散的类目数据，为该类型时必须通过 <a href=\"#yAxis.data\">data</a> 设置类目数据。</p>\n</li>\n<li><p><code>&#39;time&#39;</code>\n  时间轴，适用于连续的时序数据，与数值轴相比时间轴带有时间的格式化，在刻度计算上也有所不同，例如会根据跨度的范围来决定使用月，星期，日还是小时范围的刻度。</p>\n</li>\n<li><p><code>&#39;log&#39;</code>\n  对数轴。适用于对数数据。</p>\n</li>\n</ul>\n"},"name":{"description":"<p>坐标轴名称。</p>\n"},"nameLocation":{"description":"<p>坐标轴名称显示位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><code>&#39;start&#39;</code></li>\n<li><code>&#39;middle&#39;</code> 或者 <code>&#39;center&#39;</code></li>\n<li><code>&#39;end&#39;</code></li>\n</ul>\n"},"nameTextStyle":{"properties":{"color":{"description":"<p>坐标轴名称的颜色，默认取 <a href=\"#yAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。</p>\n"},"fontStyle":{"description":"<p>坐标轴名称文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>坐标轴名称文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>坐标轴名称文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>坐标轴名称文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n<!-- Overwrite color -->"}}}}}}},"nameGap":{"description":"<p>坐标轴名称与轴线之间的距离。</p>\n"},"nameRotate":{"description":"<p>坐标轴名字旋转，角度值。</p>\n"},"inverse":{"description":"<p>是否是反向坐标轴。ECharts 3 中新加。</p>\n"},"boundaryGap":{"description":"<p>坐标轴两边留白策略，类目轴和非类目轴的设置和表现不一样。</p>\n<p>类目轴中 <code>boundaryGap</code> 可以配置为 <code>true</code> 和 <code>false</code>。默认为 <code>true</code>，这时候<a href=\"#yAxis.axisTick\">刻度</a>只是作为分隔线，标签和数据点都会在两个<a href=\"#yAxis.axisTick\">刻度</a>之间的带(band)中间。</p>\n<p>非类目轴，包括时间，数值，对数轴，<code>boundaryGap</code>是一个两个值的数组，分别表示数据最小值和最大值的延伸范围，可以直接设置数值或者相对的百分比，在设置 <a href=\"#yAxis.min\">min</a> 和 <a href=\"#yAxis.max\">max</a> 后无效。\n<strong>示例：</strong></p>\n<pre><code class=\"lang-js\">boundaryGap: [&#39;20%&#39;, &#39;20%&#39;]\n</code></pre>\n"},"min":{"description":"<p>坐标轴刻度最小值。</p>\n<p>可以设置成特殊值 <code>&#39;dataMin&#39;</code>，此时取数据在该轴上的最小值作为最小刻度。</p>\n<p>不设置时会自动计算最小值保证坐标轴刻度的均匀分布。</p>\n<p>在类目轴中，也可以设置为类目的序数（如类目轴 <code>data: [&#39;类A&#39;, &#39;类B&#39;, &#39;类C&#39;]</code> 中，序数 <code>2</code> 表示 <code>&#39;类C&#39;</code>。也可以设置为负数，如 <code>-3</code>）。</p>\n<p>当设置成 <code>function</code> 形式时，可以根据计算得出的数据最大最小值设定坐标轴的最小值。如：</p>\n<pre><code>min: function(value) {\n    return value.min - 20;\n}\n</code></pre><p>其中 <code>value</code> 是一个包含 <code>min</code> 和 <code>max</code> 的对象，分别表示数据的最大最小值，这个函数应该返回坐标轴的最小值。</p>\n"},"max":{"description":"<p>坐标轴刻度最大值。</p>\n<p>可以设置成特殊值 <code>&#39;dataMax&#39;</code>，此时取数据在该轴上的最大值作为最大刻度。</p>\n<p>不设置时会自动计算最大值保证坐标轴刻度的均匀分布。</p>\n<p>在类目轴中，也可以设置为类目的序数（如类目轴 <code>data: [&#39;类A&#39;, &#39;类B&#39;, &#39;类C&#39;]</code> 中，序数 <code>2</code> 表示 <code>&#39;类C&#39;</code>。也可以设置为负数，如 <code>-3</code>）。</p>\n<p>当设置成 <code>function</code> 形式时，可以根据计算得出的数据最大最小值设定坐标轴的最小值。如：</p>\n<pre><code>max: function(value) {\n    return value.max - 20;\n}\n</code></pre><p>其中 <code>value</code> 是一个包含 <code>min</code> 和 <code>max</code> 的对象，分别表示数据的最大最小值，这个函数应该返回坐标轴的最大值。</p>\n"},"scale":{"description":"<p>只在数值轴中（<a href=\"#yAxis.type\">type</a>: &#39;value&#39;）有效。</p>\n<p>是否是脱离 0 值比例。设置成 <code>true</code> 后坐标刻度不会强制包含零刻度。在双数值轴的散点图中比较有用。</p>\n<p>在设置 <a href=\"#yAxis.min\">min</a> 和 <a href=\"#yAxis.max\">max</a> 之后该配置项无效。</p>\n"},"splitNumber":{"description":"<p>坐标轴的分割段数，需要注意的是这个分割段数只是个预估值，最后实际显示的段数会在这个基础上根据分割后坐标轴刻度显示的易读程度作调整。</p>\n<p>在类目轴中无效。</p>\n"},"minInterval":{"description":"<p>自动计算的坐标轴最小间隔大小。</p>\n<p>例如可以设置成<code>1</code>保证坐标轴分割刻度显示成整数。</p>\n<pre><code class=\"lang-js\">{\n    minInterval: 1\n}\n</code></pre>\n<p>只在数值轴或时间轴中（<a href=\"#yAxis.type\">type</a>: &#39;value&#39; 或 &#39;time&#39;）有效。</p>\n"},"maxInterval":{"description":"<p>自动计算的坐标轴最大间隔大小。</p>\n<p>例如，在时间轴（（<a href=\"#yAxis.type\">type</a>: &#39;time&#39;））可以设置成 <code>3600 * 24 * 1000</code> 保证坐标轴分割刻度最大为一天。</p>\n<pre><code class=\"lang-js\">{\n    maxInterval: 3600 * 24 * 1000\n}\n</code></pre>\n<p>只在数值轴或时间轴中（<a href=\"#yAxis.type\">type</a>: &#39;value&#39; 或 &#39;time&#39;）有效。</p>\n"},"interval":{"description":"<p>强制设置坐标轴分割间隔。</p>\n<p>因为 <a href=\"#yAxis.splitNumber\">splitNumber</a> 是预估的值，实际根据策略计算出来的刻度可能无法达到想要的效果，这时候可以使用 interval 配合 <a href=\"#yAxis.min\">min</a>、<a href=\"#yAxis.max\">max</a> 强制设定刻度划分，一般不建议使用。</p>\n<p>无法在类目轴中使用。在时间轴（<a href=\"#yAxis.type\">type</a>: &#39;time&#39;）中需要传时间戳，在对数轴（<a href=\"#yAxis.type\">type</a>: &#39;log&#39;）中需要传指数值。</p>\n"},"logBase":{"description":"<p>对数轴的底数，只在对数轴中（<a href=\"#yAxis.type\">type</a>: &#39;log&#39;）有效。</p>\n"},"silent":{"description":"<p>坐标轴是否是静态无法交互。</p>\n"},"triggerEvent":{"description":"<p>坐标轴的标签是否响应和触发鼠标事件，默认不响应。</p>\n<p>事件参数如下：</p>\n<pre><code class=\"lang-js\">{\n    // 组件类型，xAxis, yAxis, radiusAxis, angleAxis\n    // 对应组件类型都会有一个属性表示组件的 index，例如 xAxis 就是 xAxisIndex\n    componentType: string,\n    // 未格式化过的刻度值, 点击刻度标签有效\n    value: &#39;&#39;,\n    // 坐标轴名称, 点击坐标轴名称有效\n    name: &#39;&#39;\n}\n</code></pre>\n"},"axisLine":{"properties":{"show":{"description":"<p>是否显示坐标轴轴线。</p>\n"},"onZero":{"description":"<p>X 轴或者 Y 轴的轴线是否在另一个轴的 0 刻度上，只有在另一个轴为数值轴且包含 0 刻度时有效。</p>\n"},"onZeroAxisIndex":{"description":"<p>当有双轴时，可以用这个属性手动指定，在哪个轴的 0 刻度上。</p>\n"},"symbol":{"description":"<p>轴线两边的箭头。可以是字符串，表示两端使用同样的箭头；或者长度为 2 的字符串数组，分别表示两端的箭头。默认不显示箭头，即 <code>&#39;none&#39;</code>。两端都显示箭头可以设置为 <code>&#39;arrow&#39;</code>，只在末端显示箭头可以设置为 <code>[&#39;none&#39;, &#39;arrow&#39;]</code>。</p>\n"},"symbolSize":{"description":"<p>轴线两边的箭头的大小，第一个数字表示宽度（垂直坐标轴方向），第二个数字表示高度（平行坐标轴方向）。</p>\n"},"symbolOffset":{"description":"<p>轴线两边的箭头的偏移，如果是数组，第一个数字表示起始箭头的偏移，第二个数字表示末端箭头的偏移；如果是数字，表示这两个箭头使用同样的偏移。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>坐标轴线线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>坐标轴线线宽。</p>\n"},"type":{"description":"<p>坐标轴线线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"axisTick":{"properties":{"show":{"description":"<p>是否显示坐标轴刻度。</p>\n"},"alignWithLabel":{"description":"<p>类目轴中在 <code>boundaryGap</code> 为 <code>true</code> 的时候有效，可以保证刻度线和标签对齐。如下图：</p>\n<p><img width=\"600\" height=\"auto\" src=\"documents/asset/img/axis-align-with-label.png\"></p>\n"},"interval":{"description":"<p>坐标轴刻度的显示间隔，在类目轴中有效。默认同 <a href=\"#yAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n"},"inside":{"description":"<p>坐标轴刻度是否朝内，默认朝外。</p>\n"},"length":{"description":"<p>坐标轴刻度的长度。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>刻度线的颜色，默认取 <a href=\"#yAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。</p>\n"},"width":{"description":"<p>坐标轴刻度线宽。</p>\n"},"type":{"description":"<p>坐标轴刻度线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<!-- Overwrite color -->"}}}}},"axisLabel":{"properties":{"show":{"description":"<p>是否显示刻度标签。</p>\n"},"interval":{"description":"<p>坐标轴刻度标签的显示间隔，在类目轴中有效。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n"},"inside":{"description":"<p>刻度标签是否朝内，默认朝外。</p>\n"},"rotate":{"description":"<p>刻度标签旋转的角度，在类目轴的类目标签显示不下的时候可以通过旋转防止标签之间重叠。</p>\n<p>旋转的角度从 -90 度到 90 度。</p>\n"},"margin":{"description":"<p>刻度标签与轴线之间的距离。</p>\n"},"formatter":{"description":"<p>刻度标签的内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p>示例:</p>\n<pre><code class=\"lang-js\">// 使用字符串模板，模板变量为刻度默认标签 {value}\nformatter: &#39;{value} kg&#39;\n\n// 使用函数模板，函数参数分别为刻度数值（类目），刻度的索引\nformatter: function (value, index) {\n    // 格式化成月/日，只在第一个刻度显示年份\n    var date = new Date(value);\n    var texts = [(date.getMonth() + 1), date.getDate()];\n    if (index === 0) {\n        texts.unshift(date.getYear());\n    }\n    return texts.join(&#39;/&#39;);\n}\n</code></pre>\n"},"showMinLabel":{"description":"<p>是否显示最小 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最小 tick 的 label）。</p>\n"},"showMaxLabel":{"description":"<p>是否显示最大 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最大 tick 的 label）。</p>\n"},"color":{"description":"<p>刻度标签文字的颜色，默认取 <a href=\"#yAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。支持回调函数，格式如下</p>\n<pre><code class=\"lang-js\">(val: string) =&gt; Color\n</code></pre>\n<p>参数是标签的文本，返回颜色值，如下示例：</p>\n<pre><code class=\"lang-js\">textStyle: {\n    color: function (value, index) {\n        return value &gt;= 0 ? &#39;green&#39; : &#39;red&#39;;\n    }\n}\n</code></pre>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n<!-- Overwrite color -->"}}}}}}},"splitLine":{"properties":{"show":{"description":"<p>是否显示分隔线。默认数值轴显示，类目轴不显示。</p>\n"},"interval":{"description":"<p>坐标轴分隔线的显示间隔，在类目轴中有效。默认同 <a href=\"#yAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>分隔线颜色，可以设置成单个颜色。</p>\n<p>也可以设置成颜色数组，分隔线会按数组中颜色的顺序依次循环设置颜色。</p>\n<p>示例</p>\n<pre><code>splitLine: {\n    lineStyle: {\n        // 使用深浅的间隔色\n        color: [&#39;#aaa&#39;, &#39;#ddd&#39;]\n    }\n}\n</code></pre>"},"width":{"description":"<p>分隔线线宽。</p>\n"},"type":{"description":"<p>分隔线线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<!-- overwrite color -->"}}}}},"splitArea":{"properties":{"interval":{"description":"<p>坐标轴分隔区域的显示间隔，在类目轴中有效。默认同 <a href=\"#yAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n"},"show":{"description":"<p>是否显示分隔区域。</p>\n"},"areaStyle":{"properties":{"color":{"description":"<p>分隔区域颜色。分隔区域会按数组中颜色的顺序依次循环设置颜色。默认是一个深浅的间隔色。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"items":{"properties":{"value":{"description":"<p>单个类目名称。</p>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}},"axisPointer":{"properties":{"show":{"description":"<p>默认不显示。但是如果 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 设置为 <code>&#39;axis&#39;</code> 或者 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code>，则自动显示 axisPointer。坐标系会自动选择显示显示哪个轴的 axisPointer，也可以使用 <a href=\"#tooltip.axisPointer.axis\">tooltip.axisPointer.axis</a> 改变这种选择。</p>\n"},"type":{"description":"<p>指示器类型。</p>\n<p>可选</p>\n<ul>\n<li><p><code>&#39;line&#39;</code> 直线指示器</p>\n</li>\n<li><p><code>&#39;shadow&#39;</code> 阴影指示器</p>\n</li>\n</ul>\n"},"snap":{"description":"<p>坐标轴指示器是否自动吸附到点上。默认自动判断。</p>\n<p>这个功能在数值轴和时间轴上比较有意义，可以自动寻找细小的数值点。</p>\n"},"z":{"description":"<p>坐标轴指示器的 z 值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示文本标签。如果 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code> 则默认显示标签，否则默认不显示。</p>\n"},"precision":{"description":"<p>文本标签中数值的小数点精度。默认根据当前轴的值自动判断。也可以指定如 <code>2</code> 表示保留两位小数。</p>\n"},"formatter":{"description":"<p>文本标签文字的格式化器。</p>\n<p>如果为 <code>string</code>，可以是例如：<code>formatter: &#39;some text {value} some text</code>，其中 <code>{value}</code> 会被自动替换为轴的值。</p>\n<p>如果为 <code>function</code>，可以是例如：</p>\n<p><strong>参数：</strong></p>\n<p><code>{Object}</code> params: 含有：</p>\n<p><code>{Object}</code> params.value: 轴当前值，如果 axis.type 为 &#39;category&#39; 时，其值为 axis.data 里的数值。如果 axis.type 为 <code>&#39;time&#39;</code>，其值为时间戳。</p>\n<p><code>{Array.&lt;Object&gt;}</code> params.seriesData: 一个数组，是当前 axisPointer 最近的点的信息，每项内容为</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>每项内容还包括轴的信息：</p>\n<pre><code class=\"lang-js\">{\n    axisDim: &#39;x&#39;, // &#39;x&#39;, &#39;y&#39;, &#39;angle&#39;, &#39;radius&#39;, &#39;single&#39;\n    axisId: &#39;xxx&#39;,\n    axisName: &#39;xxx&#39;,\n    axisIndex: 3,\n    axisValue: 121, // 当前 axisPointer 对应的 value。\n    axisValueLabel: &#39;文本&#39;\n}\n</code></pre>\n<p><strong>返回值：</strong></p>\n<p>显示的 string。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">formatter: function (params) {\n    // 假设此轴的 type 为 &#39;time&#39;。\n    return &#39;some text&#39; + echarts.format.formatTime(params.value);\n}\n</code></pre>\n"},"margin":{"description":"<p>label 距离轴的距离。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"padding":{"description":"<p>axisPointer内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"backgroundColor":{"description":"<p>文本标签的背景颜色，默认是和 <a href=\"#xAxis.axisLine.lineStyle.color\">axis.axisLine.lineStyle.color</a> 相同。</p>\n"},"borderColor":{"description":"<p>文本标签的边框颜色。</p>\n"},"borderWidth":{"description":"<p>文本标签的边框宽度。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"shadowStyle":{"properties":{"color":{"description":"<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"triggerTooltip":{"description":"<p>是否触发 tooltip。如果不想触发 tooltip 可以关掉。</p>\n"},"value":{"description":"<p>当前的 value。在使用 <a href=\"xAxisPointer.handle\" target=\"_blank\">axisPointer.handle</a> 时，可以设置此值进行初始值设定，从而决定 axisPointer 的初始位置。</p>\n"},"status":{"description":"<p>当前的状态，可取值为 <code>&#39;show&#39;</code> 和 <code>&#39;hide&#39;</code>。</p>\n"},"handle":{"properties":{"show":{"description":"<p>当 show 设为 <code>true</code> 时开启，这时显示手柄，并且 axisPointer 会一直显示。</p>\n"},"icon":{"description":"<p>手柄的图标。</p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre><p>参见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/axisPointer-handle-image&amp;edit=1&amp;reset=1\" target=\"_blank\">使用图片的例子</a></p>\n"},"size":{"description":"<p>手柄的尺寸，可以设置单值，如 <code>45</code>，也可以设置为数组：<code>[width, height]</code>。</p>\n"},"margin":{"description":"<p>手柄与轴的距离。注意，这是手柄中心点和轴的距离。</p>\n"},"color":{"description":"<p>手柄颜色。</p>\n"},"throttle":{"description":"<p>手柄拖拽时触发视图更新周期，单位毫秒，调大这个数值可以改善性能，但是降低体验。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"}}}}},"zlevel":{"description":"<p>Y 轴所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>Y 轴组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"}}},"polar":{"properties":{"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"zlevel":{"description":"<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"center":{"description":"<p>极坐标系的中心（圆心）坐标，数组的第一项是横坐标，第二项是纵坐标。</p>\n<p>支持设置成百分比，设置成百分比时第一项是相对于容器宽度，第二项是相对于容器高度。</p>\n<p><strong>使用示例：</strong></p>\n<pre><code>// 设置成绝对的像素值\ncenter: [400, 300]\n// 设置成相对的百分比\ncenter: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>"},"radius":{"description":"<p>极坐标系的半径，数组的第一项是内半径，第二项是外半径。</p>\n<p>支持设置成百分比，相对于容器高宽中较小的一项的一半。</p>\n"},"tooltip":{"properties":{"show":{"description":"<p>是否显示提示框组件，包括提示框浮层和 <a href=\"#tooltip.axisPointer\">axisPointer</a>。</p>\n"},"trigger":{"description":"<p>触发类型。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>&#39;item&#39;</code></p>\n<p>  数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。</p>\n</li>\n<li><p><code>&#39;axis&#39;</code></p>\n<p>  坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用。</p>\n<p>  在 ECharts 2.x 中只支持类目轴上使用 axis trigger，在 ECharts 3 中支持在<a href=\"#grid\">直角坐标系</a>和<a href=\"#polar\">极坐标系</a>上的所有类型的轴。并且可以通过 <a href=\"#tooltip.axisPointer.axis\">axisPointer.axis</a> 指定坐标轴。</p>\n</li>\n<li><p><code>&#39;none&#39;</code></p>\n<p>  什么都不触发。</p>\n</li>\n</ul>\n"},"axisPointer":{"properties":{"type":{"description":"<p>指示器类型。</p>\n<p>可选</p>\n<ul>\n<li><p><code>&#39;line&#39;</code> 直线指示器</p>\n</li>\n<li><p><code>&#39;shadow&#39;</code> 阴影指示器</p>\n</li>\n<li><p><code>&#39;cross&#39;</code> 十字准星指示器。其实是种简写，表示启用两个正交的轴的 axisPointer。</p>\n</li>\n</ul>\n"},"axis":{"description":"<p>指示器的坐标轴。</p>\n<p>默认情况，坐标系会自动选择显示哪个轴的 axisPointer（默认取类目轴或者时间轴）。</p>\n<p>可以是 <code>&#39;x&#39;</code>, <code>&#39;y&#39;</code>, <code>&#39;radius&#39;</code>, <code>&#39;angle&#39;</code>。</p>\n"},"snap":{"description":"<p>坐标轴指示器是否自动吸附到点上。默认自动判断。</p>\n<p>这个功能在数值轴和时间轴上比较有意义，可以自动寻找细小的数值点。</p>\n"},"z":{"description":"<p>坐标轴指示器的 z 值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示文本标签。如果 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code> 则默认显示标签，否则默认不显示。</p>\n"},"precision":{"description":"<p>文本标签中数值的小数点精度。默认根据当前轴的值自动判断。也可以指定如 <code>2</code> 表示保留两位小数。</p>\n"},"formatter":{"description":"<p>文本标签文字的格式化器。</p>\n<p>如果为 <code>string</code>，可以是例如：<code>formatter: &#39;some text {value} some text</code>，其中 <code>{value}</code> 会被自动替换为轴的值。</p>\n<p>如果为 <code>function</code>，可以是例如：</p>\n<p><strong>参数：</strong></p>\n<p><code>{Object}</code> params: 含有：</p>\n<p><code>{Object}</code> params.value: 轴当前值，如果 axis.type 为 &#39;category&#39; 时，其值为 axis.data 里的数值。如果 axis.type 为 <code>&#39;time&#39;</code>，其值为时间戳。</p>\n<p><code>{Array.&lt;Object&gt;}</code> params.seriesData: 一个数组，是当前 axisPointer 最近的点的信息，每项内容为</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>每项内容还包括轴的信息：</p>\n<pre><code class=\"lang-js\">{\n    axisDim: &#39;x&#39;, // &#39;x&#39;, &#39;y&#39;, &#39;angle&#39;, &#39;radius&#39;, &#39;single&#39;\n    axisId: &#39;xxx&#39;,\n    axisName: &#39;xxx&#39;,\n    axisIndex: 3,\n    axisValue: 121, // 当前 axisPointer 对应的 value。\n    axisValueLabel: &#39;文本&#39;\n}\n</code></pre>\n<p><strong>返回值：</strong></p>\n<p>显示的 string。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">formatter: function (params) {\n    // 假设此轴的 type 为 &#39;time&#39;。\n    return &#39;some text&#39; + echarts.format.formatTime(params.value);\n}\n</code></pre>\n"},"margin":{"description":"<p>label 距离轴的距离。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"padding":{"description":"<p>axisPointer内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"backgroundColor":{"description":"<p>文本标签的背景颜色，默认是和 <a href=\"#xAxis.axisLine.lineStyle.color\">axis.axisLine.lineStyle.color</a> 相同。</p>\n"},"borderColor":{"description":"<p>文本标签的边框颜色。</p>\n"},"borderWidth":{"description":"<p>文本标签的边框宽度。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"shadowStyle":{"properties":{"color":{"description":"<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"crossStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"position":{"description":"<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}},"radiusAxis":{"properties":{"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"polarIndex":{"description":"<p>径向轴所在的极坐标系的索引，默认使用第一个极坐标系。</p>\n"},"type":{"description":"<p>坐标轴类型。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>&#39;value&#39;</code>\n  数值轴，适用于连续数据。</p>\n</li>\n<li><p><code>&#39;category&#39;</code>\n  类目轴，适用于离散的类目数据，为该类型时必须通过 <a href=\"#radiusAxis.data\">data</a> 设置类目数据。</p>\n</li>\n<li><p><code>&#39;time&#39;</code>\n  时间轴，适用于连续的时序数据，与数值轴相比时间轴带有时间的格式化，在刻度计算上也有所不同，例如会根据跨度的范围来决定使用月，星期，日还是小时范围的刻度。</p>\n</li>\n<li><p><code>&#39;log&#39;</code>\n  对数轴。适用于对数数据。</p>\n</li>\n</ul>\n"},"name":{"description":"<p>坐标轴名称。</p>\n"},"nameLocation":{"description":"<p>坐标轴名称显示位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><code>&#39;start&#39;</code></li>\n<li><code>&#39;middle&#39;</code> 或者 <code>&#39;center&#39;</code></li>\n<li><code>&#39;end&#39;</code></li>\n</ul>\n"},"nameTextStyle":{"properties":{"color":{"description":"<p>坐标轴名称的颜色，默认取 <a href=\"#radiusAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。</p>\n"},"fontStyle":{"description":"<p>坐标轴名称文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>坐标轴名称文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>坐标轴名称文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>坐标轴名称文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n<!-- Overwrite color -->"}}}}}}},"nameGap":{"description":"<p>坐标轴名称与轴线之间的距离。</p>\n"},"nameRotate":{"description":"<p>坐标轴名字旋转，角度值。</p>\n"},"inverse":{"description":"<p>是否是反向坐标轴。ECharts 3 中新加。</p>\n"},"boundaryGap":{"description":"<p>坐标轴两边留白策略，类目轴和非类目轴的设置和表现不一样。</p>\n<p>类目轴中 <code>boundaryGap</code> 可以配置为 <code>true</code> 和 <code>false</code>。默认为 <code>true</code>，这时候<a href=\"#radiusAxis.axisTick\">刻度</a>只是作为分隔线，标签和数据点都会在两个<a href=\"#radiusAxis.axisTick\">刻度</a>之间的带(band)中间。</p>\n<p>非类目轴，包括时间，数值，对数轴，<code>boundaryGap</code>是一个两个值的数组，分别表示数据最小值和最大值的延伸范围，可以直接设置数值或者相对的百分比，在设置 <a href=\"#radiusAxis.min\">min</a> 和 <a href=\"#radiusAxis.max\">max</a> 后无效。\n<strong>示例：</strong></p>\n<pre><code class=\"lang-js\">boundaryGap: [&#39;20%&#39;, &#39;20%&#39;]\n</code></pre>\n"},"min":{"description":"<p>坐标轴刻度最小值。</p>\n<p>可以设置成特殊值 <code>&#39;dataMin&#39;</code>，此时取数据在该轴上的最小值作为最小刻度。</p>\n<p>不设置时会自动计算最小值保证坐标轴刻度的均匀分布。</p>\n<p>在类目轴中，也可以设置为类目的序数（如类目轴 <code>data: [&#39;类A&#39;, &#39;类B&#39;, &#39;类C&#39;]</code> 中，序数 <code>2</code> 表示 <code>&#39;类C&#39;</code>。也可以设置为负数，如 <code>-3</code>）。</p>\n<p>当设置成 <code>function</code> 形式时，可以根据计算得出的数据最大最小值设定坐标轴的最小值。如：</p>\n<pre><code>min: function(value) {\n    return value.min - 20;\n}\n</code></pre><p>其中 <code>value</code> 是一个包含 <code>min</code> 和 <code>max</code> 的对象，分别表示数据的最大最小值，这个函数应该返回坐标轴的最小值。</p>\n"},"max":{"description":"<p>坐标轴刻度最大值。</p>\n<p>可以设置成特殊值 <code>&#39;dataMax&#39;</code>，此时取数据在该轴上的最大值作为最大刻度。</p>\n<p>不设置时会自动计算最大值保证坐标轴刻度的均匀分布。</p>\n<p>在类目轴中，也可以设置为类目的序数（如类目轴 <code>data: [&#39;类A&#39;, &#39;类B&#39;, &#39;类C&#39;]</code> 中，序数 <code>2</code> 表示 <code>&#39;类C&#39;</code>。也可以设置为负数，如 <code>-3</code>）。</p>\n<p>当设置成 <code>function</code> 形式时，可以根据计算得出的数据最大最小值设定坐标轴的最小值。如：</p>\n<pre><code>max: function(value) {\n    return value.max - 20;\n}\n</code></pre><p>其中 <code>value</code> 是一个包含 <code>min</code> 和 <code>max</code> 的对象，分别表示数据的最大最小值，这个函数应该返回坐标轴的最大值。</p>\n"},"scale":{"description":"<p>只在数值轴中（<a href=\"#radiusAxis.type\">type</a>: &#39;value&#39;）有效。</p>\n<p>是否是脱离 0 值比例。设置成 <code>true</code> 后坐标刻度不会强制包含零刻度。在双数值轴的散点图中比较有用。</p>\n<p>在设置 <a href=\"#radiusAxis.min\">min</a> 和 <a href=\"#radiusAxis.max\">max</a> 之后该配置项无效。</p>\n"},"splitNumber":{"description":"<p>坐标轴的分割段数，需要注意的是这个分割段数只是个预估值，最后实际显示的段数会在这个基础上根据分割后坐标轴刻度显示的易读程度作调整。</p>\n<p>在类目轴中无效。</p>\n"},"minInterval":{"description":"<p>自动计算的坐标轴最小间隔大小。</p>\n<p>例如可以设置成<code>1</code>保证坐标轴分割刻度显示成整数。</p>\n<pre><code class=\"lang-js\">{\n    minInterval: 1\n}\n</code></pre>\n<p>只在数值轴或时间轴中（<a href=\"#radiusAxis.type\">type</a>: &#39;value&#39; 或 &#39;time&#39;）有效。</p>\n"},"maxInterval":{"description":"<p>自动计算的坐标轴最大间隔大小。</p>\n<p>例如，在时间轴（（<a href=\"#radiusAxis.type\">type</a>: &#39;time&#39;））可以设置成 <code>3600 * 24 * 1000</code> 保证坐标轴分割刻度最大为一天。</p>\n<pre><code class=\"lang-js\">{\n    maxInterval: 3600 * 24 * 1000\n}\n</code></pre>\n<p>只在数值轴或时间轴中（<a href=\"#radiusAxis.type\">type</a>: &#39;value&#39; 或 &#39;time&#39;）有效。</p>\n"},"interval":{"description":"<p>强制设置坐标轴分割间隔。</p>\n<p>因为 <a href=\"#radiusAxis.splitNumber\">splitNumber</a> 是预估的值，实际根据策略计算出来的刻度可能无法达到想要的效果，这时候可以使用 interval 配合 <a href=\"#radiusAxis.min\">min</a>、<a href=\"#radiusAxis.max\">max</a> 强制设定刻度划分，一般不建议使用。</p>\n<p>无法在类目轴中使用。在时间轴（<a href=\"#radiusAxis.type\">type</a>: &#39;time&#39;）中需要传时间戳，在对数轴（<a href=\"#radiusAxis.type\">type</a>: &#39;log&#39;）中需要传指数值。</p>\n"},"logBase":{"description":"<p>对数轴的底数，只在对数轴中（<a href=\"#radiusAxis.type\">type</a>: &#39;log&#39;）有效。</p>\n"},"silent":{"description":"<p>坐标轴是否是静态无法交互。</p>\n"},"triggerEvent":{"description":"<p>坐标轴的标签是否响应和触发鼠标事件，默认不响应。</p>\n<p>事件参数如下：</p>\n<pre><code class=\"lang-js\">{\n    // 组件类型，xAxis, yAxis, radiusAxis, angleAxis\n    // 对应组件类型都会有一个属性表示组件的 index，例如 xAxis 就是 xAxisIndex\n    componentType: string,\n    // 未格式化过的刻度值, 点击刻度标签有效\n    value: &#39;&#39;,\n    // 坐标轴名称, 点击坐标轴名称有效\n    name: &#39;&#39;\n}\n</code></pre>\n"},"axisLine":{"properties":{"show":{"description":"<p>是否显示坐标轴轴线。</p>\n"},"symbol":{"description":"<p>轴线两边的箭头。可以是字符串，表示两端使用同样的箭头；或者长度为 2 的字符串数组，分别表示两端的箭头。默认不显示箭头，即 <code>&#39;none&#39;</code>。两端都显示箭头可以设置为 <code>&#39;arrow&#39;</code>，只在末端显示箭头可以设置为 <code>[&#39;none&#39;, &#39;arrow&#39;]</code>。</p>\n"},"symbolSize":{"description":"<p>轴线两边的箭头的大小，第一个数字表示宽度（垂直坐标轴方向），第二个数字表示高度（平行坐标轴方向）。</p>\n"},"symbolOffset":{"description":"<p>轴线两边的箭头的偏移，如果是数组，第一个数字表示起始箭头的偏移，第二个数字表示末端箭头的偏移；如果是数字，表示这两个箭头使用同样的偏移。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>坐标轴线线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>坐标轴线线宽。</p>\n"},"type":{"description":"<p>坐标轴线线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"axisTick":{"properties":{"show":{"description":"<p>是否显示坐标轴刻度。</p>\n"},"alignWithLabel":{"description":"<p>类目轴中在 <code>boundaryGap</code> 为 <code>true</code> 的时候有效，可以保证刻度线和标签对齐。如下图：</p>\n<p><img width=\"600\" height=\"auto\" src=\"documents/asset/img/axis-align-with-label.png\"></p>\n"},"interval":{"description":"<p>坐标轴刻度的显示间隔，在类目轴中有效。默认同 <a href=\"#radiusAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n"},"inside":{"description":"<p>坐标轴刻度是否朝内，默认朝外。</p>\n"},"length":{"description":"<p>坐标轴刻度的长度。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>刻度线的颜色，默认取 <a href=\"#radiusAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。</p>\n"},"width":{"description":"<p>坐标轴刻度线宽。</p>\n"},"type":{"description":"<p>坐标轴刻度线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<!-- Overwrite color -->"}}}}},"axisLabel":{"properties":{"show":{"description":"<p>是否显示刻度标签。</p>\n"},"interval":{"description":"<p>坐标轴刻度标签的显示间隔，在类目轴中有效。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n"},"inside":{"description":"<p>刻度标签是否朝内，默认朝外。</p>\n"},"rotate":{"description":"<p>刻度标签旋转的角度，在类目轴的类目标签显示不下的时候可以通过旋转防止标签之间重叠。</p>\n<p>旋转的角度从 -90 度到 90 度。</p>\n"},"margin":{"description":"<p>刻度标签与轴线之间的距离。</p>\n"},"formatter":{"description":"<p>刻度标签的内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p>示例:</p>\n<pre><code class=\"lang-js\">// 使用字符串模板，模板变量为刻度默认标签 {value}\nformatter: &#39;{value} kg&#39;\n\n// 使用函数模板，函数参数分别为刻度数值（类目），刻度的索引\nformatter: function (value, index) {\n    // 格式化成月/日，只在第一个刻度显示年份\n    var date = new Date(value);\n    var texts = [(date.getMonth() + 1), date.getDate()];\n    if (index === 0) {\n        texts.unshift(date.getYear());\n    }\n    return texts.join(&#39;/&#39;);\n}\n</code></pre>\n"},"showMinLabel":{"description":"<p>是否显示最小 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最小 tick 的 label）。</p>\n"},"showMaxLabel":{"description":"<p>是否显示最大 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最大 tick 的 label）。</p>\n"},"color":{"description":"<p>刻度标签文字的颜色，默认取 <a href=\"#radiusAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。支持回调函数，格式如下</p>\n<pre><code class=\"lang-js\">(val: string) =&gt; Color\n</code></pre>\n<p>参数是标签的文本，返回颜色值，如下示例：</p>\n<pre><code class=\"lang-js\">textStyle: {\n    color: function (value, index) {\n        return value &gt;= 0 ? &#39;green&#39; : &#39;red&#39;;\n    }\n}\n</code></pre>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n<!-- Overwrite color -->"}}}}}}},"splitLine":{"properties":{"show":{"description":"<p>是否显示分隔线。默认数值轴显示，类目轴不显示。</p>\n"},"interval":{"description":"<p>坐标轴分隔线的显示间隔，在类目轴中有效。默认同 <a href=\"#radiusAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>分隔线颜色，可以设置成单个颜色。</p>\n<p>也可以设置成颜色数组，分隔线会按数组中颜色的顺序依次循环设置颜色。</p>\n<p>示例</p>\n<pre><code>splitLine: {\n    lineStyle: {\n        // 使用深浅的间隔色\n        color: [&#39;#aaa&#39;, &#39;#ddd&#39;]\n    }\n}\n</code></pre>"},"width":{"description":"<p>分隔线线宽。</p>\n"},"type":{"description":"<p>分隔线线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<!-- overwrite color -->"}}}}},"splitArea":{"properties":{"interval":{"description":"<p>坐标轴分隔区域的显示间隔，在类目轴中有效。默认同 <a href=\"#radiusAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n"},"show":{"description":"<p>是否显示分隔区域。</p>\n"},"areaStyle":{"properties":{"color":{"description":"<p>分隔区域颜色。分隔区域会按数组中颜色的顺序依次循环设置颜色。默认是一个深浅的间隔色。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"items":{"properties":{"value":{"description":"<p>单个类目名称。</p>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}},"axisPointer":{"properties":{"show":{"description":"<p>默认不显示。但是如果 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 设置为 <code>&#39;axis&#39;</code> 或者 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code>，则自动显示 axisPointer。坐标系会自动选择显示显示哪个轴的 axisPointer，也可以使用 <a href=\"#tooltip.axisPointer.axis\">tooltip.axisPointer.axis</a> 改变这种选择。</p>\n"},"type":{"description":"<p>指示器类型。</p>\n<p>可选</p>\n<ul>\n<li><p><code>&#39;line&#39;</code> 直线指示器</p>\n</li>\n<li><p><code>&#39;shadow&#39;</code> 阴影指示器</p>\n</li>\n</ul>\n"},"snap":{"description":"<p>坐标轴指示器是否自动吸附到点上。默认自动判断。</p>\n<p>这个功能在数值轴和时间轴上比较有意义，可以自动寻找细小的数值点。</p>\n"},"z":{"description":"<p>坐标轴指示器的 z 值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示文本标签。如果 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code> 则默认显示标签，否则默认不显示。</p>\n"},"precision":{"description":"<p>文本标签中数值的小数点精度。默认根据当前轴的值自动判断。也可以指定如 <code>2</code> 表示保留两位小数。</p>\n"},"formatter":{"description":"<p>文本标签文字的格式化器。</p>\n<p>如果为 <code>string</code>，可以是例如：<code>formatter: &#39;some text {value} some text</code>，其中 <code>{value}</code> 会被自动替换为轴的值。</p>\n<p>如果为 <code>function</code>，可以是例如：</p>\n<p><strong>参数：</strong></p>\n<p><code>{Object}</code> params: 含有：</p>\n<p><code>{Object}</code> params.value: 轴当前值，如果 axis.type 为 &#39;category&#39; 时，其值为 axis.data 里的数值。如果 axis.type 为 <code>&#39;time&#39;</code>，其值为时间戳。</p>\n<p><code>{Array.&lt;Object&gt;}</code> params.seriesData: 一个数组，是当前 axisPointer 最近的点的信息，每项内容为</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>每项内容还包括轴的信息：</p>\n<pre><code class=\"lang-js\">{\n    axisDim: &#39;x&#39;, // &#39;x&#39;, &#39;y&#39;, &#39;angle&#39;, &#39;radius&#39;, &#39;single&#39;\n    axisId: &#39;xxx&#39;,\n    axisName: &#39;xxx&#39;,\n    axisIndex: 3,\n    axisValue: 121, // 当前 axisPointer 对应的 value。\n    axisValueLabel: &#39;文本&#39;\n}\n</code></pre>\n<p><strong>返回值：</strong></p>\n<p>显示的 string。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">formatter: function (params) {\n    // 假设此轴的 type 为 &#39;time&#39;。\n    return &#39;some text&#39; + echarts.format.formatTime(params.value);\n}\n</code></pre>\n"},"margin":{"description":"<p>label 距离轴的距离。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"padding":{"description":"<p>axisPointer内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"backgroundColor":{"description":"<p>文本标签的背景颜色，默认是和 <a href=\"#xAxis.axisLine.lineStyle.color\">axis.axisLine.lineStyle.color</a> 相同。</p>\n"},"borderColor":{"description":"<p>文本标签的边框颜色。</p>\n"},"borderWidth":{"description":"<p>文本标签的边框宽度。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"shadowStyle":{"properties":{"color":{"description":"<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"triggerTooltip":{"description":"<p>是否触发 tooltip。如果不想触发 tooltip 可以关掉。</p>\n"},"value":{"description":"<p>当前的 value。在使用 <a href=\"xAxisPointer.handle\" target=\"_blank\">axisPointer.handle</a> 时，可以设置此值进行初始值设定，从而决定 axisPointer 的初始位置。</p>\n"},"status":{"description":"<p>当前的状态，可取值为 <code>&#39;show&#39;</code> 和 <code>&#39;hide&#39;</code>。</p>\n"},"handle":{"properties":{"show":{"description":"<p>当 show 设为 <code>true</code> 时开启，这时显示手柄，并且 axisPointer 会一直显示。</p>\n"},"icon":{"description":"<p>手柄的图标。</p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre><p>参见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/axisPointer-handle-image&amp;edit=1&amp;reset=1\" target=\"_blank\">使用图片的例子</a></p>\n"},"size":{"description":"<p>手柄的尺寸，可以设置单值，如 <code>45</code>，也可以设置为数组：<code>[width, height]</code>。</p>\n"},"margin":{"description":"<p>手柄与轴的距离。注意，这是手柄中心点和轴的距离。</p>\n"},"color":{"description":"<p>手柄颜色。</p>\n"},"throttle":{"description":"<p>手柄拖拽时触发视图更新周期，单位毫秒，调大这个数值可以改善性能，但是降低体验。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"}}}}},"zlevel":{"description":"<p>半径轴所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>半径轴组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"}}},"angleAxis":{"properties":{"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"polarIndex":{"description":"<p>角度轴所在的极坐标系的索引，默认使用第一个极坐标系。</p>\n"},"startAngle":{"description":"<p>起始刻度的角度，默认为 90 度，即圆心的正上方。0 度为圆心的正右方。</p>\n<p>如下示例是 startAngle 为 45 的效果：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/polar-start-angle&edit=1&reset=1\" width=\"400\" height=\"400\" ></iframe>\n\n"},"clockwise":{"description":"<p>刻度增长是否按顺时针，默认顺时针。</p>\n<p>如下示例是 clockwise 为 <code>false</code> （逆时针）的效果：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/polar-anticlockwise&edit=1&reset=1\" width=\"400\" height=\"400\" ></iframe>\n\n\n\n"},"type":{"description":"<p>坐标轴类型。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>&#39;value&#39;</code>\n  数值轴，适用于连续数据。</p>\n</li>\n<li><p><code>&#39;category&#39;</code>\n  类目轴，适用于离散的类目数据，为该类型时必须通过 <a href=\"#angleAxis.data\">data</a> 设置类目数据。</p>\n</li>\n<li><p><code>&#39;time&#39;</code>\n  时间轴，适用于连续的时序数据，与数值轴相比时间轴带有时间的格式化，在刻度计算上也有所不同，例如会根据跨度的范围来决定使用月，星期，日还是小时范围的刻度。</p>\n</li>\n<li><p><code>&#39;log&#39;</code>\n  对数轴。适用于对数数据。</p>\n</li>\n</ul>\n"},"boundaryGap":{"description":"<p>坐标轴两边留白策略，类目轴和非类目轴的设置和表现不一样。</p>\n<p>类目轴中 <code>boundaryGap</code> 可以配置为 <code>true</code> 和 <code>false</code>。默认为 <code>true</code>，这时候<a href=\"#angleAxis.axisTick\">刻度</a>只是作为分隔线，标签和数据点都会在两个<a href=\"#angleAxis.axisTick\">刻度</a>之间的带(band)中间。</p>\n<p>非类目轴，包括时间，数值，对数轴，<code>boundaryGap</code>是一个两个值的数组，分别表示数据最小值和最大值的延伸范围，可以直接设置数值或者相对的百分比，在设置 <a href=\"#angleAxis.min\">min</a> 和 <a href=\"#angleAxis.max\">max</a> 后无效。\n<strong>示例：</strong></p>\n<pre><code class=\"lang-js\">boundaryGap: [&#39;20%&#39;, &#39;20%&#39;]\n</code></pre>\n"},"min":{"description":"<p>坐标轴刻度最小值。</p>\n<p>可以设置成特殊值 <code>&#39;dataMin&#39;</code>，此时取数据在该轴上的最小值作为最小刻度。</p>\n<p>不设置时会自动计算最小值保证坐标轴刻度的均匀分布。</p>\n<p>在类目轴中，也可以设置为类目的序数（如类目轴 <code>data: [&#39;类A&#39;, &#39;类B&#39;, &#39;类C&#39;]</code> 中，序数 <code>2</code> 表示 <code>&#39;类C&#39;</code>。也可以设置为负数，如 <code>-3</code>）。</p>\n<p>当设置成 <code>function</code> 形式时，可以根据计算得出的数据最大最小值设定坐标轴的最小值。如：</p>\n<pre><code>min: function(value) {\n    return value.min - 20;\n}\n</code></pre><p>其中 <code>value</code> 是一个包含 <code>min</code> 和 <code>max</code> 的对象，分别表示数据的最大最小值，这个函数应该返回坐标轴的最小值。</p>\n"},"max":{"description":"<p>坐标轴刻度最大值。</p>\n<p>可以设置成特殊值 <code>&#39;dataMax&#39;</code>，此时取数据在该轴上的最大值作为最大刻度。</p>\n<p>不设置时会自动计算最大值保证坐标轴刻度的均匀分布。</p>\n<p>在类目轴中，也可以设置为类目的序数（如类目轴 <code>data: [&#39;类A&#39;, &#39;类B&#39;, &#39;类C&#39;]</code> 中，序数 <code>2</code> 表示 <code>&#39;类C&#39;</code>。也可以设置为负数，如 <code>-3</code>）。</p>\n<p>当设置成 <code>function</code> 形式时，可以根据计算得出的数据最大最小值设定坐标轴的最小值。如：</p>\n<pre><code>max: function(value) {\n    return value.max - 20;\n}\n</code></pre><p>其中 <code>value</code> 是一个包含 <code>min</code> 和 <code>max</code> 的对象，分别表示数据的最大最小值，这个函数应该返回坐标轴的最大值。</p>\n"},"scale":{"description":"<p>只在数值轴中（<a href=\"#angleAxis.type\">type</a>: &#39;value&#39;）有效。</p>\n<p>是否是脱离 0 值比例。设置成 <code>true</code> 后坐标刻度不会强制包含零刻度。在双数值轴的散点图中比较有用。</p>\n<p>在设置 <a href=\"#angleAxis.min\">min</a> 和 <a href=\"#angleAxis.max\">max</a> 之后该配置项无效。</p>\n"},"splitNumber":{"description":"<p>坐标轴的分割段数，需要注意的是这个分割段数只是个预估值，最后实际显示的段数会在这个基础上根据分割后坐标轴刻度显示的易读程度作调整。</p>\n<p>在类目轴中无效。</p>\n"},"minInterval":{"description":"<p>自动计算的坐标轴最小间隔大小。</p>\n<p>例如可以设置成<code>1</code>保证坐标轴分割刻度显示成整数。</p>\n<pre><code class=\"lang-js\">{\n    minInterval: 1\n}\n</code></pre>\n<p>只在数值轴或时间轴中（<a href=\"#angleAxis.type\">type</a>: &#39;value&#39; 或 &#39;time&#39;）有效。</p>\n"},"maxInterval":{"description":"<p>自动计算的坐标轴最大间隔大小。</p>\n<p>例如，在时间轴（（<a href=\"#angleAxis.type\">type</a>: &#39;time&#39;））可以设置成 <code>3600 * 24 * 1000</code> 保证坐标轴分割刻度最大为一天。</p>\n<pre><code class=\"lang-js\">{\n    maxInterval: 3600 * 24 * 1000\n}\n</code></pre>\n<p>只在数值轴或时间轴中（<a href=\"#angleAxis.type\">type</a>: &#39;value&#39; 或 &#39;time&#39;）有效。</p>\n"},"interval":{"description":"<p>强制设置坐标轴分割间隔。</p>\n<p>因为 <a href=\"#angleAxis.splitNumber\">splitNumber</a> 是预估的值，实际根据策略计算出来的刻度可能无法达到想要的效果，这时候可以使用 interval 配合 <a href=\"#angleAxis.min\">min</a>、<a href=\"#angleAxis.max\">max</a> 强制设定刻度划分，一般不建议使用。</p>\n<p>无法在类目轴中使用。在时间轴（<a href=\"#angleAxis.type\">type</a>: &#39;time&#39;）中需要传时间戳，在对数轴（<a href=\"#angleAxis.type\">type</a>: &#39;log&#39;）中需要传指数值。</p>\n"},"logBase":{"description":"<p>对数轴的底数，只在对数轴中（<a href=\"#angleAxis.type\">type</a>: &#39;log&#39;）有效。</p>\n"},"silent":{"description":"<p>坐标轴是否是静态无法交互。</p>\n"},"triggerEvent":{"description":"<p>坐标轴的标签是否响应和触发鼠标事件，默认不响应。</p>\n<p>事件参数如下：</p>\n<pre><code class=\"lang-js\">{\n    // 组件类型，xAxis, yAxis, radiusAxis, angleAxis\n    // 对应组件类型都会有一个属性表示组件的 index，例如 xAxis 就是 xAxisIndex\n    componentType: string,\n    // 未格式化过的刻度值, 点击刻度标签有效\n    value: &#39;&#39;,\n    // 坐标轴名称, 点击坐标轴名称有效\n    name: &#39;&#39;\n}\n</code></pre>\n"},"axisLine":{"properties":{"show":{"description":"<p>是否显示坐标轴轴线。</p>\n"},"symbol":{"description":"<p>轴线两边的箭头。可以是字符串，表示两端使用同样的箭头；或者长度为 2 的字符串数组，分别表示两端的箭头。默认不显示箭头，即 <code>&#39;none&#39;</code>。两端都显示箭头可以设置为 <code>&#39;arrow&#39;</code>，只在末端显示箭头可以设置为 <code>[&#39;none&#39;, &#39;arrow&#39;]</code>。</p>\n"},"symbolSize":{"description":"<p>轴线两边的箭头的大小，第一个数字表示宽度（垂直坐标轴方向），第二个数字表示高度（平行坐标轴方向）。</p>\n"},"symbolOffset":{"description":"<p>轴线两边的箭头的偏移，如果是数组，第一个数字表示起始箭头的偏移，第二个数字表示末端箭头的偏移；如果是数字，表示这两个箭头使用同样的偏移。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>坐标轴线线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>坐标轴线线宽。</p>\n"},"type":{"description":"<p>坐标轴线线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"axisTick":{"properties":{"show":{"description":"<p>是否显示坐标轴刻度。</p>\n"},"alignWithLabel":{"description":"<p>类目轴中在 <code>boundaryGap</code> 为 <code>true</code> 的时候有效，可以保证刻度线和标签对齐。如下图：</p>\n<p><img width=\"600\" height=\"auto\" src=\"documents/asset/img/axis-align-with-label.png\"></p>\n"},"interval":{"description":"<p>坐标轴刻度的显示间隔，在类目轴中有效。默认同 <a href=\"#angleAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n"},"inside":{"description":"<p>坐标轴刻度是否朝内，默认朝外。</p>\n"},"length":{"description":"<p>坐标轴刻度的长度。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>刻度线的颜色，默认取 <a href=\"#angleAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。</p>\n"},"width":{"description":"<p>坐标轴刻度线宽。</p>\n"},"type":{"description":"<p>坐标轴刻度线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<!-- Overwrite color -->"}}}}},"axisLabel":{"properties":{"show":{"description":"<p>是否显示刻度标签。</p>\n"},"interval":{"description":"<p>坐标轴刻度标签的显示间隔，在类目轴中有效。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n"},"inside":{"description":"<p>刻度标签是否朝内，默认朝外。</p>\n"},"margin":{"description":"<p>刻度标签与轴线之间的距离。</p>\n"},"formatter":{"description":"<p>刻度标签的内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p>示例:</p>\n<pre><code class=\"lang-js\">// 使用字符串模板，模板变量为刻度默认标签 {value}\nformatter: &#39;{value} kg&#39;\n\n// 使用函数模板，函数参数分别为刻度数值（类目），刻度的索引\nformatter: function (value, index) {\n    // 格式化成月/日，只在第一个刻度显示年份\n    var date = new Date(value);\n    var texts = [(date.getMonth() + 1), date.getDate()];\n    if (index === 0) {\n        texts.unshift(date.getYear());\n    }\n    return texts.join(&#39;/&#39;);\n}\n</code></pre>\n"},"showMinLabel":{"description":"<p>是否显示最小 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最小 tick 的 label）。</p>\n"},"showMaxLabel":{"description":"<p>是否显示最大 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最大 tick 的 label）。</p>\n"},"color":{"description":"<p>刻度标签文字的颜色，默认取 <a href=\"#angleAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。支持回调函数，格式如下</p>\n<pre><code class=\"lang-js\">(val: string) =&gt; Color\n</code></pre>\n<p>参数是标签的文本，返回颜色值，如下示例：</p>\n<pre><code class=\"lang-js\">textStyle: {\n    color: function (value, index) {\n        return value &gt;= 0 ? &#39;green&#39; : &#39;red&#39;;\n    }\n}\n</code></pre>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n<!-- Overwrite color -->"}}}}}}},"splitLine":{"properties":{"show":{"description":"<p>是否显示分隔线。默认数值轴显示，类目轴不显示。</p>\n"},"interval":{"description":"<p>坐标轴分隔线的显示间隔，在类目轴中有效。默认同 <a href=\"#angleAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>分隔线颜色，可以设置成单个颜色。</p>\n<p>也可以设置成颜色数组，分隔线会按数组中颜色的顺序依次循环设置颜色。</p>\n<p>示例</p>\n<pre><code>splitLine: {\n    lineStyle: {\n        // 使用深浅的间隔色\n        color: [&#39;#aaa&#39;, &#39;#ddd&#39;]\n    }\n}\n</code></pre>"},"width":{"description":"<p>分隔线线宽。</p>\n"},"type":{"description":"<p>分隔线线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<!-- overwrite color -->"}}}}},"splitArea":{"properties":{"interval":{"description":"<p>坐标轴分隔区域的显示间隔，在类目轴中有效。默认同 <a href=\"#angleAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n"},"show":{"description":"<p>是否显示分隔区域。</p>\n"},"areaStyle":{"properties":{"color":{"description":"<p>分隔区域颜色。分隔区域会按数组中颜色的顺序依次循环设置颜色。默认是一个深浅的间隔色。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"items":{"properties":{"value":{"description":"<p>单个类目名称。</p>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}},"axisPointer":{"properties":{"show":{"description":"<p>默认不显示。但是如果 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 设置为 <code>&#39;axis&#39;</code> 或者 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code>，则自动显示 axisPointer。坐标系会自动选择显示显示哪个轴的 axisPointer，也可以使用 <a href=\"#tooltip.axisPointer.axis\">tooltip.axisPointer.axis</a> 改变这种选择。</p>\n"},"type":{"description":"<p>指示器类型。</p>\n<p>可选</p>\n<ul>\n<li><p><code>&#39;line&#39;</code> 直线指示器</p>\n</li>\n<li><p><code>&#39;shadow&#39;</code> 阴影指示器</p>\n</li>\n</ul>\n"},"snap":{"description":"<p>坐标轴指示器是否自动吸附到点上。默认自动判断。</p>\n<p>这个功能在数值轴和时间轴上比较有意义，可以自动寻找细小的数值点。</p>\n"},"z":{"description":"<p>坐标轴指示器的 z 值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示文本标签。如果 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code> 则默认显示标签，否则默认不显示。</p>\n"},"precision":{"description":"<p>文本标签中数值的小数点精度。默认根据当前轴的值自动判断。也可以指定如 <code>2</code> 表示保留两位小数。</p>\n"},"formatter":{"description":"<p>文本标签文字的格式化器。</p>\n<p>如果为 <code>string</code>，可以是例如：<code>formatter: &#39;some text {value} some text</code>，其中 <code>{value}</code> 会被自动替换为轴的值。</p>\n<p>如果为 <code>function</code>，可以是例如：</p>\n<p><strong>参数：</strong></p>\n<p><code>{Object}</code> params: 含有：</p>\n<p><code>{Object}</code> params.value: 轴当前值，如果 axis.type 为 &#39;category&#39; 时，其值为 axis.data 里的数值。如果 axis.type 为 <code>&#39;time&#39;</code>，其值为时间戳。</p>\n<p><code>{Array.&lt;Object&gt;}</code> params.seriesData: 一个数组，是当前 axisPointer 最近的点的信息，每项内容为</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>每项内容还包括轴的信息：</p>\n<pre><code class=\"lang-js\">{\n    axisDim: &#39;x&#39;, // &#39;x&#39;, &#39;y&#39;, &#39;angle&#39;, &#39;radius&#39;, &#39;single&#39;\n    axisId: &#39;xxx&#39;,\n    axisName: &#39;xxx&#39;,\n    axisIndex: 3,\n    axisValue: 121, // 当前 axisPointer 对应的 value。\n    axisValueLabel: &#39;文本&#39;\n}\n</code></pre>\n<p><strong>返回值：</strong></p>\n<p>显示的 string。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">formatter: function (params) {\n    // 假设此轴的 type 为 &#39;time&#39;。\n    return &#39;some text&#39; + echarts.format.formatTime(params.value);\n}\n</code></pre>\n"},"margin":{"description":"<p>label 距离轴的距离。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"padding":{"description":"<p>axisPointer内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"backgroundColor":{"description":"<p>文本标签的背景颜色，默认是和 <a href=\"#xAxis.axisLine.lineStyle.color\">axis.axisLine.lineStyle.color</a> 相同。</p>\n"},"borderColor":{"description":"<p>文本标签的边框颜色。</p>\n"},"borderWidth":{"description":"<p>文本标签的边框宽度。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"shadowStyle":{"properties":{"color":{"description":"<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"triggerTooltip":{"description":"<p>是否触发 tooltip。如果不想触发 tooltip 可以关掉。</p>\n"},"value":{"description":"<p>当前的 value。在使用 <a href=\"xAxisPointer.handle\" target=\"_blank\">axisPointer.handle</a> 时，可以设置此值进行初始值设定，从而决定 axisPointer 的初始位置。</p>\n"},"status":{"description":"<p>当前的状态，可取值为 <code>&#39;show&#39;</code> 和 <code>&#39;hide&#39;</code>。</p>\n"},"handle":{"properties":{"show":{"description":"<p>当 show 设为 <code>true</code> 时开启，这时显示手柄，并且 axisPointer 会一直显示。</p>\n"},"icon":{"description":"<p>手柄的图标。</p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre><p>参见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/axisPointer-handle-image&amp;edit=1&amp;reset=1\" target=\"_blank\">使用图片的例子</a></p>\n"},"size":{"description":"<p>手柄的尺寸，可以设置单值，如 <code>45</code>，也可以设置为数组：<code>[width, height]</code>。</p>\n"},"margin":{"description":"<p>手柄与轴的距离。注意，这是手柄中心点和轴的距离。</p>\n"},"color":{"description":"<p>手柄颜色。</p>\n"},"throttle":{"description":"<p>手柄拖拽时触发视图更新周期，单位毫秒，调大这个数值可以改善性能，但是降低体验。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"}}}}},"zlevel":{"description":"<p>角度轴所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>角度轴组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"}}},"radar":{"properties":{"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"zlevel":{"description":"<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"center":{"description":"<p>的中心（圆心）坐标，数组的第一项是横坐标，第二项是纵坐标。</p>\n<p>支持设置成百分比，设置成百分比时第一项是相对于容器宽度，第二项是相对于容器高度。</p>\n<p><strong>使用示例：</strong></p>\n<pre><code>// 设置成绝对的像素值\ncenter: [400, 300]\n// 设置成相对的百分比\ncenter: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>"},"radius":{"description":"<p>的半径，数组的第一项是内半径，第二项是外半径。</p>\n<p>支持设置成百分比，相对于容器高宽中较小的一项的一半。</p>\n"},"startAngle":{"description":"<p>坐标系起始角度，也就是第一个指示器轴的角度。</p>\n"},"name":{"properties":{"show":{"description":"<p>是否显示指示器名称。</p>\n"},"formatter":{"description":"<p>指示器名称显示的格式器。支持字符串和回调函数，如下示例：</p>\n<pre><code class=\"lang-js\">// 使用字符串模板，模板变量为指示器名称 {value}\nformatter: &#39;【{value}】&#39;\n// 使用回调函数，第一个参数是指示器名称，第二个参数是指示器配置项\nformatter: function (value, indicator) {\n    return &#39;【&#39; + value + &#39;】&#39;;\n}\n</code></pre>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"nameGap":{"description":"<p>指示器名称和指示器轴的距离。</p>\n"},"splitNumber":{"description":"<p>指示器轴的分割段数。</p>\n"},"shape":{"description":"<p>雷达图绘制类型，支持 <code>&#39;polygon&#39;</code> 和 <code>&#39;circle&#39;</code>。</p>\n"},"scale":{"description":"<p>是否是脱离 0 值比例。设置成 <code>true</code> 后坐标刻度不会强制包含零刻度。在双数值轴的散点图中比较有用。</p>\n"},"silent":{"description":"<p>坐标轴是否是静态无法交互。</p>\n"},"triggerEvent":{"description":"<p>坐标轴的标签是否响应和触发鼠标事件，默认不响应。</p>\n<p>事件参数如下：</p>\n<pre><code class=\"lang-js\">{\n    // 组件类型，xAxis, yAxis, radiusAxis, angleAxis\n    // 对应组件类型都会有一个属性表示组件的 index，例如 xAxis 就是 xAxisIndex\n    componentType: string,\n    // 未格式化过的刻度值, 点击刻度标签有效\n    value: &#39;&#39;,\n    // 坐标轴名称, 点击坐标轴名称有效\n    name: &#39;&#39;\n}\n</code></pre>\n"},"axisLine":{"properties":{"show":{"description":"<p>是否显示坐标轴轴线。</p>\n"},"symbol":{"description":"<p>轴线两边的箭头。可以是字符串，表示两端使用同样的箭头；或者长度为 2 的字符串数组，分别表示两端的箭头。默认不显示箭头，即 <code>&#39;none&#39;</code>。两端都显示箭头可以设置为 <code>&#39;arrow&#39;</code>，只在末端显示箭头可以设置为 <code>[&#39;none&#39;, &#39;arrow&#39;]</code>。</p>\n"},"symbolSize":{"description":"<p>轴线两边的箭头的大小，第一个数字表示宽度（垂直坐标轴方向），第二个数字表示高度（平行坐标轴方向）。</p>\n"},"symbolOffset":{"description":"<p>轴线两边的箭头的偏移，如果是数组，第一个数字表示起始箭头的偏移，第二个数字表示末端箭头的偏移；如果是数字，表示这两个箭头使用同样的偏移。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>坐标轴线线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>坐标轴线线宽。</p>\n"},"type":{"description":"<p>坐标轴线线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"axisTick":{"properties":{"show":{"description":"<p>是否显示坐标轴刻度。</p>\n"},"alignWithLabel":{"description":"<p>类目轴中在 <code>boundaryGap</code> 为 <code>true</code> 的时候有效，可以保证刻度线和标签对齐。如下图：</p>\n<p><img width=\"600\" height=\"auto\" src=\"documents/asset/img/axis-align-with-label.png\"></p>\n"},"inside":{"description":"<p>坐标轴刻度是否朝内，默认朝外。</p>\n"},"length":{"description":"<p>坐标轴刻度的长度。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>刻度线的颜色，默认取 <a href=\"#.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。</p>\n"},"width":{"description":"<p>坐标轴刻度线宽。</p>\n"},"type":{"description":"<p>坐标轴刻度线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<!-- Overwrite color -->"}}}}},"axisLabel":{"properties":{"show":{"description":"<p>是否显示刻度标签。</p>\n"},"inside":{"description":"<p>刻度标签是否朝内，默认朝外。</p>\n"},"rotate":{"description":"<p>刻度标签旋转的角度，在类目轴的类目标签显示不下的时候可以通过旋转防止标签之间重叠。</p>\n<p>旋转的角度从 -90 度到 90 度。</p>\n"},"margin":{"description":"<p>刻度标签与轴线之间的距离。</p>\n"},"formatter":{"description":"<p>刻度标签的内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p>示例:</p>\n<pre><code class=\"lang-js\">// 使用字符串模板，模板变量为刻度默认标签 {value}\nformatter: &#39;{value} kg&#39;\n\n// 使用函数模板，函数参数分别为刻度数值（类目），刻度的索引\nformatter: function (value, index) {\n    // 格式化成月/日，只在第一个刻度显示年份\n    var date = new Date(value);\n    var texts = [(date.getMonth() + 1), date.getDate()];\n    if (index === 0) {\n        texts.unshift(date.getYear());\n    }\n    return texts.join(&#39;/&#39;);\n}\n</code></pre>\n"},"showMinLabel":{"description":"<p>是否显示最小 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最小 tick 的 label）。</p>\n"},"showMaxLabel":{"description":"<p>是否显示最大 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最大 tick 的 label）。</p>\n"},"color":{"description":"<p>刻度标签文字的颜色，默认取 <a href=\"#.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。支持回调函数，格式如下</p>\n<pre><code class=\"lang-js\">(val: string) =&gt; Color\n</code></pre>\n<p>参数是标签的文本，返回颜色值，如下示例：</p>\n<pre><code class=\"lang-js\">textStyle: {\n    color: function (value, index) {\n        return value &gt;= 0 ? &#39;green&#39; : &#39;red&#39;;\n    }\n}\n</code></pre>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n<!-- Overwrite color -->"}}}}}}},"splitLine":{"properties":{"show":{"description":"<p>是否显示分隔线。默认数值轴显示，类目轴不显示。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>分隔线颜色，可以设置成单个颜色。</p>\n<p>也可以设置成颜色数组，分隔线会按数组中颜色的顺序依次循环设置颜色。</p>\n<p>示例</p>\n<pre><code>splitLine: {\n    lineStyle: {\n        // 使用深浅的间隔色\n        color: [&#39;#aaa&#39;, &#39;#ddd&#39;]\n    }\n}\n</code></pre>"},"width":{"description":"<p>分隔线线宽。</p>\n"},"type":{"description":"<p>分隔线线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<!-- overwrite color -->"}}}}},"splitArea":{"properties":{"show":{"description":"<p>是否显示分隔区域。</p>\n"},"areaStyle":{"properties":{"color":{"description":"<p>分隔区域颜色。分隔区域会按数组中颜色的顺序依次循环设置颜色。默认是一个深浅的间隔色。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"indicator":{"items":{"properties":{"name":{"description":"<p>指示器名称。</p>\n"},"max":{"description":"<p>指示器的最大值，可选，建议设置</p>\n"},"min":{"description":"<p>指示器的最小值，可选，默认为 0。</p>\n"},"color":{"description":"<p>标签特定的颜色。</p>\n"}}}}}},"dataZoom":{"items":{"anyOf":[{"properties":{"type":{"description":""},"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"disabled":{"description":"<p>是否停止组件的功能。</p>\n"},"xAxisIndex":{"description":"<p>设置 <code>dataZoom-inside</code> 组件控制的 <code>x轴</code>（即<a href=\"#xAxis\">xAxis</a>，是直角坐标系中的概念，参见 <a href=\"#grid\">grid</a>）。</p>\n<p>不指定时，当 <a href=\"#dataZoom-inside.orient\">dataZoom-inside.orient</a> 为 <code>&#39;horizontal&#39;</code>时，默认控制和 dataZoom 平行的第一个 <code>xAxis</code>。但是不建议使用默认值，建议显式指定。</p>\n<p>如果是 <code>number</code> 表示控制一个轴，如果是 <code>Array</code> 表示控制多个轴。</p>\n<p>例如有如下 ECharts option：</p>\n<pre><code class=\"lang-javascript\">option: {\n    xAxis: [\n        {...}, // 第一个 xAxis\n        {...}, // 第二个 xAxis\n        {...}, // 第三个 xAxis\n        {...}  // 第四个 xAxis\n    ],\n    dataZoom: [\n        { // 第一个 dataZoom 组件\n            xAxisIndex: [0, 2] // 表示这个 dataZoom 组件控制 第一个 和 第三个 xAxis\n        },\n        { // 第二个 dataZoom 组件\n            xAxisIndex: 3      // 表示这个 dataZoom 组件控制 第四个 xAxis\n        }\n    ]\n}\n</code></pre>\n"},"yAxisIndex":{"description":"<p>设置 <code>dataZoom-inside</code> 组件控制的 <code>y轴</code>（即<a href=\"#yAxis\">yAxis</a>，是直角坐标系中的概念，参见 <a href=\"#grid\">grid</a>）。</p>\n<p>不指定时，当 <a href=\"#dataZoom-inside.orient\">dataZoom-inside.orient</a> 为 <code>&#39;vertical&#39;</code>时，默认控制和 dataZoom 平行的第一个 <code>yAxis</code>。但是不建议使用默认值，建议显式指定。</p>\n<p>如果是 <code>number</code> 表示控制一个轴，如果是 <code>Array</code> 表示控制多个轴。</p>\n<p>例如有如下 ECharts option：</p>\n<pre><code class=\"lang-javascript\">option: {\n    yAxis: [\n        {...}, // 第一个 yAxis\n        {...}, // 第二个 yAxis\n        {...}, // 第三个 yAxis\n        {...}  // 第四个 yAxis\n    ],\n    dataZoom: [\n        { // 第一个 dataZoom 组件\n            yAxisIndex: [0, 2] // 表示这个 dataZoom 组件控制 第一个 和 第三个 yAxis\n        },\n        { // 第二个 dataZoom 组件\n            yAxisIndex: 3      // 表示这个 dataZoom 组件控制 第四个 yAxis\n        }\n    ]\n}\n</code></pre>\n"},"radiusAxisIndex":{"description":"<p>设置 <code>dataZoom-inside</code> 组件控制的 <code>radius 轴</code>（即<a href=\"#radiusAxis\">radiusAxis</a>，是直角坐标系中的概念，参见 <a href=\"#polar\">polar</a>）。</p>\n<p>如果是 <code>number</code> 表示控制一个轴，如果是 <code>Array</code> 表示控制多个轴。</p>\n<p>例如有如下 ECharts option：</p>\n<pre><code class=\"lang-javascript\">option: {\n    radiusAxis: [\n        {...}, // 第一个 radiusAxis\n        {...}, // 第二个 radiusAxis\n        {...}, // 第三个 radiusAxis\n        {...}  // 第四个 radiusAxis\n    ],\n    dataZoom: [\n        { // 第一个 dataZoom 组件\n            radiusAxisIndex: [0, 2] // 表示这个 dataZoom 组件控制 第一个 和 第三个 radiusAxis\n        },\n        { // 第二个 dataZoom 组件\n            radiusAxisIndex: 3      // 表示这个 dataZoom 组件控制 第四个 radiusAxis\n        }\n    ]\n}\n</code></pre>\n"},"angleAxisIndex":{"description":"<p>设置 <code>dataZoom-inside</code> 组件控制的 <code>angle 轴</code>（即<a href=\"#angleAxis\">angleAxis</a>，是直角坐标系中的概念，参见 <a href=\"#polar\">polar</a>）。</p>\n<p>如果是 <code>number</code> 表示控制一个轴，如果是 <code>Array</code> 表示控制多个轴。</p>\n<p>例如有如下 ECharts option：</p>\n<pre><code class=\"lang-javascript\">option: {\n    angleAxis: [\n        {...}, // 第一个 angleAxis\n        {...}, // 第二个 angleAxis\n        {...}, // 第三个 angleAxis\n        {...}  // 第四个 angleAxis\n    ],\n    dataZoom: [\n        { // 第一个 dataZoom 组件\n            angleAxisIndex: [0, 2] // 表示这个 dataZoom 组件控制 第一个 和 第三个 angleAxis\n        },\n        { // 第二个 dataZoom 组件\n            angleAxisIndex: 3      // 表示这个 dataZoom 组件控制 第四个 angleAxis\n        }\n    ]\n}\n</code></pre>\n"},"filterMode":{"description":"<p><code>dataZoom</code> 的运行原理是通过 <code>数据过滤</code> 来达到 <code>数据窗口缩放</code> 的效果。数据过滤模式的设置不同，效果也不同。</p>\n<p>可选值为：</p>\n<ul>\n<li><p>&#39;filter&#39;：当前数据窗口外的数据，被 <strong>过滤掉</strong>。即 <strong>会</strong> 影响其他轴的数据范围。每个数据项，只要有一个维度在数据窗口外，整个数据项就会被过滤掉。</p>\n</li>\n<li><p>&#39;weakFilter&#39;：当前数据窗口外的数据，被 <strong>过滤掉</strong>。即 <strong>会</strong> 影响其他轴的数据范围。每个数据项，只有当全部维度都在数据窗口同侧外部，整个数据项才会被过滤掉。</p>\n</li>\n<li><p>&#39;empty&#39;：当前数据窗口外的数据，被 <strong>设置为空</strong>。即 <strong>不会</strong> 影响其他轴的数据范围。</p>\n</li>\n<li><p>&#39;none&#39;: 不过滤数据，只改变数轴范围。</p>\n</li>\n</ul>\n<p>如何设置，由用户根据场景和需求自己决定。经验来说：</p>\n<ul>\n<li><p>当『只有 X 轴 或 只有 Y 轴受 <code>dataZoom</code> 组件控制』时，常使用 <code>filterMode: &#39;filter&#39;</code>，这样能使另一个轴自适应过滤后的数值范围。</p>\n</li>\n<li><p>当『X 轴 Y 轴分别受 <code>dataZoom</code> 组件控制』时：</p>\n<ul>\n<li><p>如果 X 轴和 Y 轴是『同等地位的、不应互相影响的』，比如在『双数值轴散点图』中，那么两个轴可都设为 <code>fiterMode: &#39;empty&#39;</code>。</p>\n</li>\n<li><p>如果 X 轴为主，Y 轴为辅，比如在『柱状图』中，需要『拖动 <code>dataZoomX</code> 改变 X 轴过滤柱子时，Y 轴的范围也自适应剩余柱子的高度』，『拖动 <code>dataZoomY</code> 改变 Y 轴过滤柱子时，X 轴范围不受影响』，那么就 X轴设为 <code>fiterMode: &#39;filter&#39;</code>，Y 轴设为 <code>fiterMode: &#39;empty&#39;</code>，即主轴 <code>&#39;filter&#39;</code>，辅轴 <code>&#39;empty&#39;</code>。</p>\n</li>\n</ul>\n</li>\n</ul>\n<p>下面是个具体例子：</p>\n<pre><code class=\"lang-javascript\">option = {\n    dataZoom: [\n        {\n            id: &#39;dataZoomX&#39;,\n            type: &#39;slider&#39;,\n            xAxisIndex: [0],\n            filterMode: &#39;filter&#39;\n        },\n        {\n            id: &#39;dataZoomY&#39;,\n            type: &#39;slider&#39;,\n            yAxisIndex: [0],\n            filterMode: &#39;empty&#39;\n        }\n    ],\n    xAxis: {type: &#39;value&#39;},\n    yAxis: {type: &#39;value&#39;},\n    series{\n        type: &#39;bar&#39;,\n        data: [\n            // 第一列对应 X 轴，第二列对应 Y 轴。\n            [12, 24, 36],\n            [90, 80, 70],\n            [3, 9, 27],\n            [1, 11, 111]\n        ]\n    }\n}\n</code></pre>\n<p>上例中，<code>dataZoomX</code> 的 <code>filterMode</code> 设置为 <code>&#39;filter&#39;</code>。于是，假设当用户拖拽 <code>dataZoomX</code>（不去动 <code>dataZoomY</code>）导致其 valueWindow 变为 <code>[2, 50]</code> 时，<code>dataZoomX</code> 对 series.data 的第一列进行遍历，窗口外的整项去掉，最终得到的 series.data 为：</p>\n<pre><code class=\"lang-javascript\">[\n    // 第一列对应 X 轴，第二列对应 Y 轴。\n    [12, 24, 36],\n    // [90, 80, 70] 整项被过滤掉，因为 90 在 dataWindow 之外。\n    [3, 9, 27]\n    // [1, 11, 111] 整项被过滤掉，因为 1 在 dataWindow 之外。\n]\n</code></pre>\n<p>过滤前，series.data 中对应 Y 轴的值有 <code>24</code>、<code>80</code>、<code>9</code>、<code>11</code>，过滤后，只剩下 <code>24</code> 和 <code>9</code>，那么 Y 轴的显示范围就会自动改变以适应剩下的这两个值的显示（如果 Y 轴没有被设置 <code>min</code>、<code>max</code> 固定其显示范围的话）。</p>\n<p>所以，<code>filterMode: &#39;filter&#39;</code> 的效果是：过滤数据后使另外的轴也能自动适应当前数据的范围。</p>\n<p>再从头来，上例中 <code>dataZoomY</code> 的 <code>filterMode</code> 设置为 <code>&#39;empty&#39;</code>。于是，假设当用户拖拽 <code>dataZoomY</code>（不去动 <code>dataZoomX</code>）导致其 dataWindow 变为 <code>[10, 60]</code> 时，<code>dataZoomY</code> 对 series.data 的第二列进行遍历，窗口外的值被设置为 empty （即替换为 NaN，这样设置为空的项，其所对应柱形，在 X 轴还有占位，只是不显示出来）。最终得到的 series.data 为：</p>\n<pre><code class=\"lang-javascript\">[\n    // 第一列对应 X 轴，第二列对应 Y 轴。\n    [12, 24, 36],\n    [90, NaN, 70], // 设置为 empty (NaN)\n    [3, NaN, 27],  // 设置为 empty (NaN)\n    [1, 11, 111]\n]\n</code></pre>\n<p>这时，series.data 中对应于 X 轴的值仍然全部保留不受影响，为 <code>12</code>、<code>90</code>、<code>3</code>、<code>1</code>。那么用户对 <code>dataZoomY</code> 的拖拽操作不会影响到 X 轴的范围。这样的效果，对于离群点（outlier）过滤功能，比较清晰。</p>\n<p>如下面的例子：</p>\n<iframe data-src=\"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\n"},"start":{"description":"<p>数据窗口范围的起始百分比。范围是：0 ~ 100。表示 0% ~ 100%。</p>\n<p><a href=\"#dataZoom-inside.start\">dataZoom-inside.start</a> 和 <a href=\"#dataZoom-inside.end\">dataZoom-inside.end</a> 共同用 <strong>百分比</strong> 的形式定义了数据窗口范围。</p>\n"},"end":{"description":"<p>数据窗口范围的结束百分比。范围是：0 ~ 100。</p>\n<p><a href=\"#dataZoom-inside.start\">dataZoom-inside.start</a> 和 <a href=\"#dataZoom-inside.end\">dataZoom-inside.end</a> 共同用 <strong>百分比</strong> 的形式定义了数据窗口范围。</p>\n"},"startValue":{"description":"<p>数据窗口范围的起始数值。如果设置了 <a href=\"#dataZoom-inside.start\">dataZoom-inside.start</a> 则 <code>startValue</code> 失效。</p>\n<p><a href=\"#dataZoom-inside.startValue\">dataZoom-inside.startValue</a> 和 <a href=\"#dataZoom-inside.endValue\">dataZoom-inside.endValue</a> 共同用 <strong>绝对数值</strong> 的形式定义了数据窗口范围。</p>\n<p>注意，如果轴的类型为 <code>category</code>，则 <code>startValue</code> 既可以设置为 <code>axis.data</code> 数组的 <code>index</code>，也可以设置为数组值本身。\n但是如果设置为数组值本身，会在内部自动转化为数组的 index。</p>\n"},"endValue":{"description":"<p>数据窗口范围的结束数值。如果设置了 <a href=\"#dataZoom-inside.end\">dataZoom-inside.end</a> 则 <code>endValue</code> 失效。</p>\n<p><a href=\"#dataZoom-inside.startValue\">dataZoom-inside.startValue</a> 和 <a href=\"#dataZoom-inside.endValue\">dataZoom-inside.endValue</a> 共同用 <strong>绝对数值</strong> 的形式定义了数据窗口范围。</p>\n<p>注意，如果轴的类型为 <code>category</code>，则 <code>endValue</code> 即可以设置为 <code>axis.data</code> 数组的 <code>index</code>，也可以设置为数组值本身。\n但是如果设置为数组值本身，会在内部自动转化为数组的 index。</p>\n"},"minSpan":{"description":"<p>用于限制窗口大小的最小值（百分比值），取值范围是 <code>0</code> ~ <code>100</code>。</p>\n<p>如果设置了 <a href=\"#dataZoom-inside.minValueSpan\">dataZoom-inside.minValueSpan</a> 则 <code>minSpan</code> 失效。</p>\n"},"maxSpan":{"description":"<p>用于限制窗口大小的最大值（百分比值），取值范围是 <code>0</code> ~ <code>100</code>。</p>\n<p>如果设置了 <a href=\"#dataZoom-inside.maxValueSpan\">dataZoom-inside.maxValueSpan</a> 则 <code>maxSpan</code> 失效。</p>\n"},"minValueSpan":{"description":"<p>用于限制窗口大小的最小值（实际数值）。</p>\n<p>如在时间轴上可以设置为：<code>3600 * 24 * 1000 * 5</code> 表示 5 天。\n在类目轴上可以设置为 <code>5</code> 表示 5 个类目。</p>\n"},"maxValueSpan":{"description":"<p>用于限制窗口大小的最大值（实际数值）。</p>\n<p>如在时间轴上可以设置为：<code>3600 * 24 * 1000 * 5</code> 表示 5 天。\n在类目轴上可以设置为 <code>5</code> 表示 5 个类目。</p>\n"},"orient":{"description":"<p>布局方式是横还是竖。不仅是布局方式，对于直角坐标系而言，也决定了，缺省情况控制横向数轴还是纵向数轴。</p>\n<p>可选值为：</p>\n<ul>\n<li><p><code>&#39;horizontal&#39;</code>：水平。</p>\n</li>\n<li><p><code>&#39;vertical&#39;</code>：竖直。</p>\n</li>\n</ul>\n"},"zoomLock":{"description":"<p>是否锁定选择区域（或叫做数据窗口）的大小。</p>\n<p>如果设置为 <code>true</code> 则锁定选择区域的大小，也就是说，只能平移，不能缩放。</p>\n"},"throttle":{"description":"<p>设置触发视图刷新的频率。单位为毫秒（ms）。</p>\n<p>如果 <a href=\"#animation\">animation</a> 设为 <code>true</code> 且 <a href=\"#animationDurationUpdate\">animationDurationUpdate</a> 大于 <code>0</code>，可以保持 <code>throttle</code> 为默认值 <code>100</code>（或者设置为大于 <code>0</code> 的值），否则拖拽时有可能画面感觉卡顿。</p>\n<p>如果 <a href=\"#animation\">animation</a> 设为 <code>false</code> 或者 <a href=\"#animationDurationUpdate\">animationDurationUpdate</a> 设为 <code>0</code>，且在数据量不大时，拖拽时画面感觉卡顿，可以把尝试把 <code>throttle</code> 设为 <code>0</code> 来改善。</p>\n"},"rangeMode":{"description":"<p>例如 <code>rangeMode: [&#39;value&#39;, &#39;percent&#39;]</code>，表示 start 值取绝对数值，end 取百分比。</p>\n<p>可选值为：<code>&#39;value&#39;</code>, <code>&#39;percent&#39;</code></p>\n"},"zoomOnMouseWheel":{"description":"<p>如何触发缩放。可选值为：</p>\n<ul>\n<li><code>true</code>：表示不按任何功能键，鼠标滚轮能触发缩放。</li>\n<li><code>false</code>：表示鼠标滚轮不能触发缩放。</li>\n<li><code>&#39;shift&#39;</code>：表示按住 <code>shift</code> 和鼠标滚轮能触发缩放。</li>\n<li><code>&#39;ctrl&#39;</code>：表示按住 <code>ctrl</code> 和鼠标滚轮能触发缩放。</li>\n<li><code>&#39;alt&#39;</code>：表示按住 <code>alt</code> 和鼠标滚轮能触发缩放。</li>\n</ul>\n"},"moveOnMouseMove":{"description":"<p>如何触发数据窗口平移。可选值为：</p>\n<ul>\n<li><code>true</code>：表示不按任何功能键，鼠标移动能触发数据窗口平移。</li>\n<li><code>false</code>：表示鼠标滚轮不能触发平移。</li>\n<li><code>&#39;shift&#39;</code>：表示按住 <code>shift</code> 和鼠标移动能触发数据窗口平移。</li>\n<li><code>&#39;ctrl&#39;</code>：表示按住 <code>ctrl</code> 和鼠标移动能触发数据窗口平移。</li>\n<li><code>&#39;alt&#39;</code>：表示按住 <code>alt</code> 和鼠标移动能触发数据窗口平移。</li>\n</ul>\n"},"preventDefaultMouseMove":{"description":"<p>是否阻止 mousemove 事件的默认行为。</p>\n"}}},{"properties":{"type":{"description":""},"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"show":{"description":"<p>是否显示  组件。如果设置为 <code>false</code>，不会显示，但是数据过滤的功能还存在。</p>\n"},"backgroundColor":{"description":"<p>组件的背景颜色。</p>\n"},"dataBackground":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"areaStyle":{"properties":{"color":{"description":"<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"fillerColor":{"description":"<p>选中范围的填充颜色。</p>\n"},"borderColor":{"description":"<p>边框颜色。</p>\n"},"handleIcon":{"description":"<p>手柄的 icon 形状，支持路径字符串，默认为：</p>\n<pre><code class=\"lang-js\">&#39;M8.2,13.6V3.9H6.3v9.7H3.1v14.9h3.3v9.7h1.8v-9.7h3.3V13.6H8.2z M9.7,24.4H4.8v-1.4h4.9V24.4z M9.7,19.1H4.8v-1.4h4.9V19.1z&#39;\n</code></pre>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre><p>自定义 icon 见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=area-simple\" target=\"_blank\">示例 area-simple</a></p>\n"},"handleSize":{"description":"<p>控制手柄的尺寸，可以是像素大小，也可以是相对于 dataZoom 组件宽度的百分比，默认跟 dataZoom 宽度相同。</p>\n"},"handleStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"labelPrecision":{"description":"<p>显示label的小数精度。默认根据数据自动决定。</p>\n"},"labelFormatter":{"description":"<p>显示的label的格式化器。</p>\n<ul>\n<li><p>如果为 <code>string</code>，表示模板，例如：<code>aaaa{value}bbbb</code>，其中<code>{value}</code>会被替换为实际的数值。</p>\n</li>\n<li><p>如果为 <code>Function</code>，表示回调函数，例如：</p>\n</li>\n</ul>\n<pre><code class=\"lang-javascript\">/**\n * @param {*} value 如果 axis.type 为 &#39;category&#39;，则 `value` 为 axis.data 的 index。\n *                  否则 `value` 是当前值。\n * @param {strign} valueStr 内部格式化的结果。\n * @return {string} 返回最终的label内容。\n */\nlabelFormatter: function (value) {\n    return &#39;aaa&#39; + value + &#39;bbb&#39;;\n}\n</code></pre>\n"},"showDetail":{"description":"<p>是否显示detail，即拖拽时候显示详细数值信息。</p>\n"},"showDataShadow":{"description":"<p>是否在 <code>dataZoom-silder</code> 组件中显示数据阴影。数据阴影可以简单地反应数据走势。</p>\n"},"realtime":{"description":"<p>拖动时，是否实时更新系列的视图。如果设置为 <code>false</code>，则只在拖拽结束的时候更新。</p>\n"},"textStyle":{"properties":{"color":{"description":"<p>dataZoom 文字的颜色。</p>\n"},"fontStyle":{"description":"<p>dataZoom 文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>dataZoom 文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>dataZoom 文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>dataZoom 文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"xAxisIndex":{"description":"<p>设置 <code>dataZoom-slider</code> 组件控制的 <code>x轴</code>（即<a href=\"#xAxis\">xAxis</a>，是直角坐标系中的概念，参见 <a href=\"#grid\">grid</a>）。</p>\n<p>不指定时，当 <a href=\"#dataZoom-slider.orient\">dataZoom-slider.orient</a> 为 <code>&#39;horizontal&#39;</code>时，默认控制和 dataZoom 平行的第一个 <code>xAxis</code>。但是不建议使用默认值，建议显式指定。</p>\n<p>如果是 <code>number</code> 表示控制一个轴，如果是 <code>Array</code> 表示控制多个轴。</p>\n<p>例如有如下 ECharts option：</p>\n<pre><code class=\"lang-javascript\">option: {\n    xAxis: [\n        {...}, // 第一个 xAxis\n        {...}, // 第二个 xAxis\n        {...}, // 第三个 xAxis\n        {...}  // 第四个 xAxis\n    ],\n    dataZoom: [\n        { // 第一个 dataZoom 组件\n            xAxisIndex: [0, 2] // 表示这个 dataZoom 组件控制 第一个 和 第三个 xAxis\n        },\n        { // 第二个 dataZoom 组件\n            xAxisIndex: 3      // 表示这个 dataZoom 组件控制 第四个 xAxis\n        }\n    ]\n}\n</code></pre>\n"},"yAxisIndex":{"description":"<p>设置 <code>dataZoom-slider</code> 组件控制的 <code>y轴</code>（即<a href=\"#yAxis\">yAxis</a>，是直角坐标系中的概念，参见 <a href=\"#grid\">grid</a>）。</p>\n<p>不指定时，当 <a href=\"#dataZoom-slider.orient\">dataZoom-slider.orient</a> 为 <code>&#39;vertical&#39;</code>时，默认控制和 dataZoom 平行的第一个 <code>yAxis</code>。但是不建议使用默认值，建议显式指定。</p>\n<p>如果是 <code>number</code> 表示控制一个轴，如果是 <code>Array</code> 表示控制多个轴。</p>\n<p>例如有如下 ECharts option：</p>\n<pre><code class=\"lang-javascript\">option: {\n    yAxis: [\n        {...}, // 第一个 yAxis\n        {...}, // 第二个 yAxis\n        {...}, // 第三个 yAxis\n        {...}  // 第四个 yAxis\n    ],\n    dataZoom: [\n        { // 第一个 dataZoom 组件\n            yAxisIndex: [0, 2] // 表示这个 dataZoom 组件控制 第一个 和 第三个 yAxis\n        },\n        { // 第二个 dataZoom 组件\n            yAxisIndex: 3      // 表示这个 dataZoom 组件控制 第四个 yAxis\n        }\n    ]\n}\n</code></pre>\n"},"radiusAxisIndex":{"description":"<p>设置 <code>dataZoom-slider</code> 组件控制的 <code>radius 轴</code>（即<a href=\"#radiusAxis\">radiusAxis</a>，是直角坐标系中的概念，参见 <a href=\"#polar\">polar</a>）。</p>\n<p>如果是 <code>number</code> 表示控制一个轴，如果是 <code>Array</code> 表示控制多个轴。</p>\n<p>例如有如下 ECharts option：</p>\n<pre><code class=\"lang-javascript\">option: {\n    radiusAxis: [\n        {...}, // 第一个 radiusAxis\n        {...}, // 第二个 radiusAxis\n        {...}, // 第三个 radiusAxis\n        {...}  // 第四个 radiusAxis\n    ],\n    dataZoom: [\n        { // 第一个 dataZoom 组件\n            radiusAxisIndex: [0, 2] // 表示这个 dataZoom 组件控制 第一个 和 第三个 radiusAxis\n        },\n        { // 第二个 dataZoom 组件\n            radiusAxisIndex: 3      // 表示这个 dataZoom 组件控制 第四个 radiusAxis\n        }\n    ]\n}\n</code></pre>\n"},"angleAxisIndex":{"description":"<p>设置 <code>dataZoom-slider</code> 组件控制的 <code>angle 轴</code>（即<a href=\"#angleAxis\">angleAxis</a>，是直角坐标系中的概念，参见 <a href=\"#polar\">polar</a>）。</p>\n<p>如果是 <code>number</code> 表示控制一个轴，如果是 <code>Array</code> 表示控制多个轴。</p>\n<p>例如有如下 ECharts option：</p>\n<pre><code class=\"lang-javascript\">option: {\n    angleAxis: [\n        {...}, // 第一个 angleAxis\n        {...}, // 第二个 angleAxis\n        {...}, // 第三个 angleAxis\n        {...}  // 第四个 angleAxis\n    ],\n    dataZoom: [\n        { // 第一个 dataZoom 组件\n            angleAxisIndex: [0, 2] // 表示这个 dataZoom 组件控制 第一个 和 第三个 angleAxis\n        },\n        { // 第二个 dataZoom 组件\n            angleAxisIndex: 3      // 表示这个 dataZoom 组件控制 第四个 angleAxis\n        }\n    ]\n}\n</code></pre>\n"},"filterMode":{"description":"<p><code>dataZoom</code> 的运行原理是通过 <code>数据过滤</code> 来达到 <code>数据窗口缩放</code> 的效果。数据过滤模式的设置不同，效果也不同。</p>\n<p>可选值为：</p>\n<ul>\n<li><p>&#39;filter&#39;：当前数据窗口外的数据，被 <strong>过滤掉</strong>。即 <strong>会</strong> 影响其他轴的数据范围。每个数据项，只要有一个维度在数据窗口外，整个数据项就会被过滤掉。</p>\n</li>\n<li><p>&#39;weakFilter&#39;：当前数据窗口外的数据，被 <strong>过滤掉</strong>。即 <strong>会</strong> 影响其他轴的数据范围。每个数据项，只有当全部维度都在数据窗口同侧外部，整个数据项才会被过滤掉。</p>\n</li>\n<li><p>&#39;empty&#39;：当前数据窗口外的数据，被 <strong>设置为空</strong>。即 <strong>不会</strong> 影响其他轴的数据范围。</p>\n</li>\n<li><p>&#39;none&#39;: 不过滤数据，只改变数轴范围。</p>\n</li>\n</ul>\n<p>如何设置，由用户根据场景和需求自己决定。经验来说：</p>\n<ul>\n<li><p>当『只有 X 轴 或 只有 Y 轴受 <code>dataZoom</code> 组件控制』时，常使用 <code>filterMode: &#39;filter&#39;</code>，这样能使另一个轴自适应过滤后的数值范围。</p>\n</li>\n<li><p>当『X 轴 Y 轴分别受 <code>dataZoom</code> 组件控制』时：</p>\n<ul>\n<li><p>如果 X 轴和 Y 轴是『同等地位的、不应互相影响的』，比如在『双数值轴散点图』中，那么两个轴可都设为 <code>fiterMode: &#39;empty&#39;</code>。</p>\n</li>\n<li><p>如果 X 轴为主，Y 轴为辅，比如在『柱状图』中，需要『拖动 <code>dataZoomX</code> 改变 X 轴过滤柱子时，Y 轴的范围也自适应剩余柱子的高度』，『拖动 <code>dataZoomY</code> 改变 Y 轴过滤柱子时，X 轴范围不受影响』，那么就 X轴设为 <code>fiterMode: &#39;filter&#39;</code>，Y 轴设为 <code>fiterMode: &#39;empty&#39;</code>，即主轴 <code>&#39;filter&#39;</code>，辅轴 <code>&#39;empty&#39;</code>。</p>\n</li>\n</ul>\n</li>\n</ul>\n<p>下面是个具体例子：</p>\n<pre><code class=\"lang-javascript\">option = {\n    dataZoom: [\n        {\n            id: &#39;dataZoomX&#39;,\n            type: &#39;slider&#39;,\n            xAxisIndex: [0],\n            filterMode: &#39;filter&#39;\n        },\n        {\n            id: &#39;dataZoomY&#39;,\n            type: &#39;slider&#39;,\n            yAxisIndex: [0],\n            filterMode: &#39;empty&#39;\n        }\n    ],\n    xAxis: {type: &#39;value&#39;},\n    yAxis: {type: &#39;value&#39;},\n    series{\n        type: &#39;bar&#39;,\n        data: [\n            // 第一列对应 X 轴，第二列对应 Y 轴。\n            [12, 24, 36],\n            [90, 80, 70],\n            [3, 9, 27],\n            [1, 11, 111]\n        ]\n    }\n}\n</code></pre>\n<p>上例中，<code>dataZoomX</code> 的 <code>filterMode</code> 设置为 <code>&#39;filter&#39;</code>。于是，假设当用户拖拽 <code>dataZoomX</code>（不去动 <code>dataZoomY</code>）导致其 valueWindow 变为 <code>[2, 50]</code> 时，<code>dataZoomX</code> 对 series.data 的第一列进行遍历，窗口外的整项去掉，最终得到的 series.data 为：</p>\n<pre><code class=\"lang-javascript\">[\n    // 第一列对应 X 轴，第二列对应 Y 轴。\n    [12, 24, 36],\n    // [90, 80, 70] 整项被过滤掉，因为 90 在 dataWindow 之外。\n    [3, 9, 27]\n    // [1, 11, 111] 整项被过滤掉，因为 1 在 dataWindow 之外。\n]\n</code></pre>\n<p>过滤前，series.data 中对应 Y 轴的值有 <code>24</code>、<code>80</code>、<code>9</code>、<code>11</code>，过滤后，只剩下 <code>24</code> 和 <code>9</code>，那么 Y 轴的显示范围就会自动改变以适应剩下的这两个值的显示（如果 Y 轴没有被设置 <code>min</code>、<code>max</code> 固定其显示范围的话）。</p>\n<p>所以，<code>filterMode: &#39;filter&#39;</code> 的效果是：过滤数据后使另外的轴也能自动适应当前数据的范围。</p>\n<p>再从头来，上例中 <code>dataZoomY</code> 的 <code>filterMode</code> 设置为 <code>&#39;empty&#39;</code>。于是，假设当用户拖拽 <code>dataZoomY</code>（不去动 <code>dataZoomX</code>）导致其 dataWindow 变为 <code>[10, 60]</code> 时，<code>dataZoomY</code> 对 series.data 的第二列进行遍历，窗口外的值被设置为 empty （即替换为 NaN，这样设置为空的项，其所对应柱形，在 X 轴还有占位，只是不显示出来）。最终得到的 series.data 为：</p>\n<pre><code class=\"lang-javascript\">[\n    // 第一列对应 X 轴，第二列对应 Y 轴。\n    [12, 24, 36],\n    [90, NaN, 70], // 设置为 empty (NaN)\n    [3, NaN, 27],  // 设置为 empty (NaN)\n    [1, 11, 111]\n]\n</code></pre>\n<p>这时，series.data 中对应于 X 轴的值仍然全部保留不受影响，为 <code>12</code>、<code>90</code>、<code>3</code>、<code>1</code>。那么用户对 <code>dataZoomY</code> 的拖拽操作不会影响到 X 轴的范围。这样的效果，对于离群点（outlier）过滤功能，比较清晰。</p>\n<p>如下面的例子：</p>\n<iframe data-src=\"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\n"},"start":{"description":"<p>数据窗口范围的起始百分比。范围是：0 ~ 100。表示 0% ~ 100%。</p>\n<p><a href=\"#dataZoom-slider.start\">dataZoom-slider.start</a> 和 <a href=\"#dataZoom-slider.end\">dataZoom-slider.end</a> 共同用 <strong>百分比</strong> 的形式定义了数据窗口范围。</p>\n"},"end":{"description":"<p>数据窗口范围的结束百分比。范围是：0 ~ 100。</p>\n<p><a href=\"#dataZoom-slider.start\">dataZoom-slider.start</a> 和 <a href=\"#dataZoom-slider.end\">dataZoom-slider.end</a> 共同用 <strong>百分比</strong> 的形式定义了数据窗口范围。</p>\n"},"startValue":{"description":"<p>数据窗口范围的起始数值。如果设置了 <a href=\"#dataZoom-slider.start\">dataZoom-slider.start</a> 则 <code>startValue</code> 失效。</p>\n<p><a href=\"#dataZoom-slider.startValue\">dataZoom-slider.startValue</a> 和 <a href=\"#dataZoom-slider.endValue\">dataZoom-slider.endValue</a> 共同用 <strong>绝对数值</strong> 的形式定义了数据窗口范围。</p>\n<p>注意，如果轴的类型为 <code>category</code>，则 <code>startValue</code> 既可以设置为 <code>axis.data</code> 数组的 <code>index</code>，也可以设置为数组值本身。\n但是如果设置为数组值本身，会在内部自动转化为数组的 index。</p>\n"},"endValue":{"description":"<p>数据窗口范围的结束数值。如果设置了 <a href=\"#dataZoom-slider.end\">dataZoom-slider.end</a> 则 <code>endValue</code> 失效。</p>\n<p><a href=\"#dataZoom-slider.startValue\">dataZoom-slider.startValue</a> 和 <a href=\"#dataZoom-slider.endValue\">dataZoom-slider.endValue</a> 共同用 <strong>绝对数值</strong> 的形式定义了数据窗口范围。</p>\n<p>注意，如果轴的类型为 <code>category</code>，则 <code>endValue</code> 即可以设置为 <code>axis.data</code> 数组的 <code>index</code>，也可以设置为数组值本身。\n但是如果设置为数组值本身，会在内部自动转化为数组的 index。</p>\n"},"minSpan":{"description":"<p>用于限制窗口大小的最小值（百分比值），取值范围是 <code>0</code> ~ <code>100</code>。</p>\n<p>如果设置了 <a href=\"#dataZoom-slider.minValueSpan\">dataZoom-slider.minValueSpan</a> 则 <code>minSpan</code> 失效。</p>\n"},"maxSpan":{"description":"<p>用于限制窗口大小的最大值（百分比值），取值范围是 <code>0</code> ~ <code>100</code>。</p>\n<p>如果设置了 <a href=\"#dataZoom-slider.maxValueSpan\">dataZoom-slider.maxValueSpan</a> 则 <code>maxSpan</code> 失效。</p>\n"},"minValueSpan":{"description":"<p>用于限制窗口大小的最小值（实际数值）。</p>\n<p>如在时间轴上可以设置为：<code>3600 * 24 * 1000 * 5</code> 表示 5 天。\n在类目轴上可以设置为 <code>5</code> 表示 5 个类目。</p>\n"},"maxValueSpan":{"description":"<p>用于限制窗口大小的最大值（实际数值）。</p>\n<p>如在时间轴上可以设置为：<code>3600 * 24 * 1000 * 5</code> 表示 5 天。\n在类目轴上可以设置为 <code>5</code> 表示 5 个类目。</p>\n"},"orient":{"description":"<p>布局方式是横还是竖。不仅是布局方式，对于直角坐标系而言，也决定了，缺省情况控制横向数轴还是纵向数轴。</p>\n<p>可选值为：</p>\n<ul>\n<li><p><code>&#39;horizontal&#39;</code>：水平。</p>\n</li>\n<li><p><code>&#39;vertical&#39;</code>：竖直。</p>\n</li>\n</ul>\n"},"zoomLock":{"description":"<p>是否锁定选择区域（或叫做数据窗口）的大小。</p>\n<p>如果设置为 <code>true</code> 则锁定选择区域的大小，也就是说，只能平移，不能缩放。</p>\n"},"throttle":{"description":"<p>设置触发视图刷新的频率。单位为毫秒（ms）。</p>\n<p>如果 <a href=\"#animation\">animation</a> 设为 <code>true</code> 且 <a href=\"#animationDurationUpdate\">animationDurationUpdate</a> 大于 <code>0</code>，可以保持 <code>throttle</code> 为默认值 <code>100</code>（或者设置为大于 <code>0</code> 的值），否则拖拽时有可能画面感觉卡顿。</p>\n<p>如果 <a href=\"#animation\">animation</a> 设为 <code>false</code> 或者 <a href=\"#animationDurationUpdate\">animationDurationUpdate</a> 设为 <code>0</code>，且在数据量不大时，拖拽时画面感觉卡顿，可以把尝试把 <code>throttle</code> 设为 <code>0</code> 来改善。</p>\n"},"rangeMode":{"description":"<p>例如 <code>rangeMode: [&#39;value&#39;, &#39;percent&#39;]</code>，表示 start 值取绝对数值，end 取百分比。</p>\n<p>可选值为：<code>&#39;value&#39;</code>, <code>&#39;percent&#39;</code></p>\n"},"zlevel":{"description":"<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"left":{"description":"<p>dataZoom-slider组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"top":{"description":"<p>dataZoom-slider组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"right":{"description":"<p>dataZoom-slider组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n"},"bottom":{"description":"<p>dataZoom-slider组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n"}}}]}},"visualMap":{"items":{"anyOf":[{"properties":{"type":{"description":"<p>类型为连续型。</p>\n"},"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"min":{"description":"<p>指定 visualMapContinuous 组件的允许的最小值。<code>&#39;min&#39;</code> 必须用户指定。<code>[visualMap.min, visualMax.max]</code> 形成了视觉映射的『定义域』。</p>\n"},"max":{"description":"<p>指定 visualMapContinuous 组件的允许的最大值。<code>&#39;max&#39;</code> 必须用户指定。<code>[visualMap.min, visualMax.max]</code> 形成了视觉映射的『定义域』。</p>\n"},"range":{"description":"<p>指定手柄对应数值的位置。<code>range</code> 应在 <code>min</code> <code>max</code> 范围内。例如：</p>\n<pre><code class=\"lang-javascript\">chart.setOption({\n    visualMap: {\n        min: 0,\n        max: 100,\n        // 两个手柄对应的数值是 4 和 15\n        range: [4, 15],\n        ...\n    }\n});\n</code></pre>\n<p><strong>setOption 改变 min、max 时 range 的自适应</strong></p>\n<ul>\n<li>如果 <code>range</code> 不设置（或设置为 null）</li>\n</ul>\n<pre><code class=\"lang-javascript\">例如：\nchart.setOption({visualMap: {min: 10, max: 300}}); // 不设置 range，则 range 默认为 [min, max]，即 [10, 300]。\n\nchart.setOption({visualMap: {min: 0, max: 400}}); // 再次使用 setOption 改变 min、max。\n// 此时 range 也自然会更新成改变过后的 [min, max]，即 [0, 400]。\n</code></pre>\n<ul>\n<li>如果 <code>range</code> 被以具体值设置了（例如设置为 [10, 300]）</li>\n</ul>\n<pre><code class=\"lang-javascript\">例如：\nchart.setOption({visualMap: {min: 10, max: 300, range: [20, 80]}}); // 设置了 range\n\nchart.setOption({visualMap: {min: 0, max: 400}}); // 再次使用 setOption 改变 min、max。\n// 此时 range 不会改变而仍维持本来的数值，仍为 [20, 80]。\n\nchart.setOption({visualMap: {range: null}}); // 再把 range 设为 null。\n// 则 range 恢复为 [min, max]，即 [0, 400]，同时也恢复了自动随 min max 而改变的能力。\n</code></pre>\n<p><code>getOption</code> 得到的 <code>range</code> 总是 <code>Array</code>，不会为 <code>null</code> 或 <code>undefined</code>。</p>\n"},"calculable":{"description":"<p>是否显示拖拽用的手柄（手柄能拖拽调整选中范围）。</p>\n<p>（注：为兼容 ECharts2，当 <a href=\"#visualMap.type\">visualMap.type</a> 未指定时，假如设置了 <code>&#39;calculable&#39;</code>，则<code>type</code>自动被设置为<code>&#39;continuous&#39;</code>，无视 <a href=\"#visualMap-piecewise.splitNumber\">visualMap-piecewise.splitNumber</a> 等设置。所以，建议使用者不要不指定 <a href=\"#visualMap.type\">visualMap.type</a>，否则表意不清晰。）</p>\n"},"realtime":{"description":"<p>拖拽时，是否实时更新。</p>\n<ul>\n<li><p>如果为<code>ture</code>则拖拽手柄过程中实时更新图表视图。</p>\n</li>\n<li><p>如果为<code>false</code>则拖拽结束时，才更新视图。</p>\n</li>\n</ul>\n"},"inverse":{"description":"<p>是否反转 visualMap 组件。</p>\n<p>当<code>inverse</code>为<code>false</code>时，数据大小的位置规则，和直角坐标系相同，即：</p>\n<ul>\n<li>当 <a href=\"#visualMap.orient\">visualMap.orient</a> 为<code>&#39;vertical&#39;</code>时，数据上大下小。</li>\n<li>当 <a href=\"#visualMap.orient\">visualMap.orient</a> 为<code>&#39;horizontal&#39;</code>时，数据右大左小。</li>\n</ul>\n<p>当<code>inverse</code>为<code>true</code>时，相反。</p>\n"},"precision":{"description":"<p>数据展示的小数精度，默认为0，无小数点。</p>\n"},"itemWidth":{"description":"<p>图形的宽度，即长条的宽度。</p>\n"},"itemHeight":{"description":"<p>图形的高度，即长条的高度。</p>\n"},"align":{"description":"<p>指定组件中手柄和文字的摆放位置，可选值为：</p>\n<ul>\n<li><code>&#39;auto&#39;</code> 自动决定。</li>\n<li><code>&#39;left&#39;</code> 手柄和label在右，orient 为 horizontal 时有效。</li>\n<li><code>&#39;right&#39;</code> 手柄和label在左，orient 为 horizontal 时有效。</li>\n<li><code>&#39;top&#39;</code> 手柄和label在下，orient 为 vertical 时有效。</li>\n<li><code>&#39;bottom&#39;</code> 手柄和label在上，orient 为 vertical 时有效。</li>\n</ul>\n"},"text":{"description":"<p>两端的文本，如 <code>[&#39;High&#39;, &#39;Low&#39;]</code>。<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/map-visualMap-continuous-text&amp;edit=1&amp;reset=1\" target=\"_blank\">参见例子</a>。</p>\n<p><code>text</code> 中的顺序，其实试试就知道。若要看详细的规则，参见 <a href=\"#visualMap.inverse\">visualMap.inverse</a>。</p>\n"},"textGap":{"description":"<p>两端文字主体之间的距离，单位为px。参见 <a href=\"#visualMap-continuous.text\">visualMap-continuous.text</a></p>\n"},"show":{"description":"<p>是否显示 visualMap-continuous 组件。如果设置为 <code>false</code>，不会显示，但是数据映射的功能还存在。</p>\n"},"dimension":{"description":"<p>指定用数据的『哪个维度』，映射到视觉元素上。『数据』即 <a href=\"#series.data\">series.data</a>。\n可以把 <a href=\"#series.data\">series.data</a> 理解成一个二维数组，例如：</p>\n<pre><code class=\"lang-javascript\">[\n    [12, 23, 43],\n    [12, 23, 43],\n    [43, 545, 65],\n    [92, 23, 33]\n]\n</code></pre>\n<p>其中每个列是一个维度，即 <code>dimension</code>。\n例如 <code>dimension</code> 为 1 时，取第二列（即 23，23，545，23），映射到视觉元素上。</p>\n<p>默认取 <code>data</code> 中最后一个维度。</p>\n"},"seriesIndex":{"description":"<p>指定取哪个系列的数据，即哪个系列的 <a href=\"#series.data\">series.data</a>。</p>\n<p>默认取所有系列。</p>\n"},"hoverLink":{"description":"<p>打开 <code>hoverLink</code> 功能时，鼠标悬浮到 <code>visualMap</code> 组件上时，鼠标位置对应的数值 在 图表中对应的图形元素，会高亮。</p>\n<p>反之，鼠标悬浮到图表中的图形元素上时，在 <code>visualMap</code> 组件的相应位置会有三角提示其所对应的数值。</p>\n"},"inRange":{"description":"<p>定义 <strong>在选中范围中</strong> 的视觉元素。（用户可以和 visualMap 组件交互，用鼠标或触摸选择范围）</p>\n<p>可选的视觉元素有：</p>\n<ul>\n<li><code>symbol</code>: 图元的图形类别。</li>\n<li><code>symbolSize</code>: 图元的大小。</li>\n<li><code>color</code>: 图元的颜色。</li>\n<li><code>colorAlpha</code>: 图元的颜色的透明度。</li>\n<li><code>opacity</code>: 图元以及其附属物（如文字标签）的透明度。</li>\n<li><code>colorLightness</code>: 颜色的明暗度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorSaturation</code>: 颜色的饱和度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorHue</code>: 颜色的色调，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n</ul>\n<hr>\n<p><code>inRange</code> 能定义目标系列（参见 <a href=\"#visualMap-continuous.seriesIndex\">visualMap-continuous.seriesIndex</a>）视觉形式，也同时定义了 <code>visualMap-continuous</code> 本身的视觉样式。通俗来讲就是，假如 <code>visualMap-continuous</code>控制的是散点图，那么 <code>inRange</code> 同时定义了散点图的 <code>颜色</code>、<code>尺寸</code> 等，也定义了 <code>visualMap-continuous</code> 本身的 <code>颜色</code>、<code>尺寸</code> 等。这二者能对应上。</p>\n<p>定义方式，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        inRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [30, 100]\n        }\n    }\n]\n</code></pre>\n<p>如果想分别定义 <code>visualMap-continuous</code> 本身的视觉样式和 <code>目标系列</code> 的视觉样式，则这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式。\n        target: {\n            inRange: {\n                color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n                symbolSize: [60, 200]\n            }\n        },\n        // 表示 visualMap-continuous 本身的视觉样式。\n        controller: {\n            inRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p>或者这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式 和 visualMap-continuous 共有的视觉样式。\n        inRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [60, 200]\n        },\n        // 表示 visualMap-continuous 本身的视觉样式，会覆盖共有的视觉样式。比如，symbolSize 覆盖成为 [30, 100]，而 color 不变。\n        controller: {\n            inRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p><strong>✦ 关于视觉通道 ✦</strong></p>\n<ul>\n<li><p>inRange 中，可以有任意几个的『视觉通道』定义（如 <code>color</code>、<code>symbolSize</code> 等）。这些视觉通道，会被同时采用。</p>\n</li>\n<li><p>一般来说，建议使用 <code>透明度（opacity）</code> ，而非 <code>颜色透明度（colorAlpha）</code> （他们细微的差异在于，前者能也同时控制图元中的附属物（如 label）的透明度，而后者只能控制图元本身颜色的透明度）。</p>\n</li>\n<li><p>视觉映射的方式：支持两种方式：线性映射、查表映射。</p>\n</li>\n</ul>\n<p><strong>✦ 视觉通道 -- 线性映射 ✦</strong></p>\n<p><code>线性映射</code> 表示 series.data 中的每一个值（dataValue）会经过线性映射计算，从 <code>[visualMap.min, visualMap.max]</code> 映射到设定的 <code>[visual value 1, visual value 2]</code> 区间中的某一个视觉的值（下称 visual value）。</p>\n<p>例如，我们设置了 <code>[visualMap.min, visualMap.max] 为 [0, 100]</code>，并且我们有 <code>series.data: [50, 10, 100]</code>。我们想将其映射到范围为 <code>[0.4, 1]</code> 的 <code>opacity</code> 上，从而达到用透明度表达数值大小的目的。那么 visualMap 组件会对 series.data 中的每一个 dataValue 做线性映射计算，得到一个 opacityValue。最终得到的 opacityValues 为 <code>[0.7, 0.44, 1]</code>。</p>\n<p>visual 范围也可以反向，例如上例，可以设定 <code>opacity</code> 范围为 <code>[1, 0.4]</code>，则上例得到的 opacityValues 为 <code>[0.7, 0.96, 0.4]</code>。</p>\n<p>注意，[visualMap.min, visualMap.max] 须手动设置，不设置则默认取 [0, 100]，而非 series.data 中的 <code>dataMin</code> 和 <code>dataMax</code>。</p>\n<p>如何设定为线性映射？以下情况时，会设定为 <code>线性映射</code>：</p>\n<ul>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-continuous\">visualMap-continuous</a> 时，或者</p>\n</li>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 未设置 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时。</p>\n</li>\n</ul>\n<p>视觉通道的值（visual value）：</p>\n<ul>\n<li><p>视觉通道的值一般都以 <code>Array</code> 形式表示，例如：<code>color: [&#39;#333&#39;, &#39;#777&#39;]</code>。</p>\n</li>\n<li><p>如果写成 <code>number</code> 或 <code>string</code>，会转成 <code>Array</code>。例如，写成 <code>opacity: 0.4</code> 会转成 <code>opacity: [0.4, 0.4]</code>，<code>color: &#39;#333&#39;</code> 会转成 <code>color: [&#39;#333&#39;, &#39;#333&#39;]</code>。</p>\n</li>\n<li><p>对于 <code>图形大小（symbolSize）</code>、<code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>、<code>色调（colorHue）</code>：形如<code>Array</code> 的视觉范围总是表示：<code>[最小数据值对应的视觉值, 最大数据值对应的视觉值]</code>。比如：<code>colorLightness: [0.8, 0.2]</code>，表示 series.data 中，和 <code>visualMap.min</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.8</code>，和 <code>visualMap.max</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.2</code>，中间其他数据值，按照线性计算出映射结果。</p>\n</li>\n<li><p>对于 <code>颜色（color）</code>，使用数组表示例如：<code>[&#39;#333&#39;, &#39;#78ab23&#39;, &#39;blue&#39;]</code>。意思就是以这三个点作为基准，形成一种『渐变』的色带，数据映射到这个色带上。也就是说，与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;#333&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;blue&#39;</code>。对于 <code>visualMap.min</code> 和 <code>visualMap.max</code> 中间的其他点，以所给定的 <code>&#39;#333&#39;</code>, <code>&#39;#78ab23&#39;</code>, <code>&#39;blue&#39;</code> 这三个颜色作为基准点进行分段线性插值，得到映射结果。</p>\n</li>\n<li><p>对于 <code>图形类别（symbol）</code>：使用数据表示例如：<code>[&#39;circle&#39;, &#39;rect&#39;, &#39;diamond&#39;]</code>。与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;circle&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;diamond&#39;</code>。对于 中间的其他点，会根据他们和 <code>visualMap.min</code> 和 <code>visualMap.max</code> 的数值距离，映射到 <code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;diamond&#39;</code> 中某个值上。</p>\n</li>\n</ul>\n<p>visual value 的取值范围：</p>\n<ul>\n<li><p><code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>，<code>visual value</code></p>\n<p>  取值范围是 <code>[0, 1]</code>。</p>\n</li>\n<li><p><code>色调（colorHue）</code></p>\n<p>  取值范围是 <code>[0, 360]</code>。</p>\n</li>\n<li><p><code>颜色（color）</code>：</p>\n<p>  颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 &#39;#ccc&#39;。</p>\n</li>\n<li><p><code>图形类别（symbol）</code>：</p>\n</li>\n</ul>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre><p><strong>✦ 视觉通道 -- 查表映射 ✦</strong></p>\n<p><code>查表映射</code> 表示 series.data 中的所有值（dataValue）是可枚举的，会根据给定的映射表查表得到映射结果。</p>\n<p>例如，在 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 中，我们设定了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 为 <code>[&#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。我们有 series.data: <code>[&#39;Demon Hunter&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。然后我们可以定立查表映射规则：<code>color: {&#39;Warden&#39;: &#39;red&#39;, &#39;Demon Hunter&#39;: &#39;black&#39;}</code>，于是 <code>visualMap</code> 组件会按照表来将 <code>dataValue</code> 映射到 <code>color</code>。</p>\n<p>如何设定为查表映射？当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 设置了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时，会进行查表映射。</p>\n<p>视觉通道的值（visual value）：一般使用 <code>Object</code> 或 <code>Array</code> 来表示，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: {\n    type: &#39;piecewise&#39;,\n    // categories 定义了 visualMap-piecewise 组件显示出来的项。\n    categories: [\n        &#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;\n    ],\n    inRange: {\n        // visual value 可以配成 Object：\n        color: {\n            &#39;Warden&#39;: &#39;red&#39;,\n            &#39;Demon Hunter&#39;: &#39;black&#39;,\n            &#39;&#39;: &#39;green&#39; // 空字串，表示除了&#39;Warden&#39;、&#39;Demon Hunter&#39;外，都对应到 &#39;green&#39;。\n        }\n        // visual value 也可以只配一个单值，表示所有都映射到一个值，如：\n        color: &#39;green&#39;,\n        // visual value 也可以配成数组，这个数组须和 categories 数组等长，\n        // 每个数组项和 categories 数组项一一对应：\n        color: [&#39;red&#39;, &#39;black&#39;, &#39;green&#39;, &#39;yellow&#39;, &#39;white&#39;]\n    }\n}\n</code></pre>\n<p><a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/scatter-visualMap-categories&amp;edit=1&amp;reset=1\" target=\"_blank\">参见示例</a></p>\n<hr>\n<p><strong>✦ 修改视觉编码 ✦</strong></p>\n<p>如果在图表被渲染后（即已经使用 <code>setOption</code> 设置了初始 <code>option</code> 之后），想修改 visualMap 的各种 <code>视觉编码</code>，按照惯例，再次使用 <code>setOption</code> 即可。例如：</p>\n<pre><code class=\"lang-javascript\">chart.setOption({\n    visualMap: {\n        inRange: {color: [&#39;red&#39;, &#39;blue&#39;]}\n    }\n});\n</code></pre>\n<p>但请注意：</p>\n<ul>\n<li><p>visualMap option 中的这几个属性，<code>inRange</code>, <code>outOfRange</code>, <code>target</code>, <code>controller</code>，在 setOption 时不支持 merge。否则会带来过于复杂的 merge 逻辑。也就是说，<code>setOption</code> 时，一旦修改了以上几个属性中的一项，其他项也会被清空，而非保留当前状态。所以，设置 visual 值时，请一次性全部设置，而非只设置一部分。</p>\n</li>\n<li><p><strong>不推荐使用 <code>getOption -&gt; 修改option -&gt; setOption</code> 的方式：</strong></p>\n</li>\n</ul>\n<pre><code class=\"lang-javascript\">// 不推荐这样做（尽管也能达到和上面的例子相同的结果）：\nvar option = chart.getOption(); // 获取所有option。\noption.visualMap.inRange.color = [&#39;red&#39;, &#39;blue&#39;]; // 改动color（我想要改变 color）。\n\n// 如下两处也要进行同步改动，否则可能达不到期望效果。\noption.visualMap.target.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\noption.visualMap.controller.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\n\nchart.setOption(option); // option设置回 visualMap\n</code></pre>\n<p><strong>注意</strong>，inRange 没有指定，则会默认会设置 color: <code>[&#39;#f6efa6&#39;, &#39;#d88273&#39;, &#39;#bf444c&#39;]</code>，如果你不想要这个color，可以\n<code>inRange: {color: null}</code> 来去除。</p>\n"},"outOfRange":{"description":"<p>定义 <strong>在选中范围外</strong> 的视觉元素。（用户可以和 visualMap 组件交互，用鼠标或触摸选择范围）</p>\n<p>可选的视觉元素有：</p>\n<ul>\n<li><code>symbol</code>: 图元的图形类别。</li>\n<li><code>symbolSize</code>: 图元的大小。</li>\n<li><code>color</code>: 图元的颜色。</li>\n<li><code>colorAlpha</code>: 图元的颜色的透明度。</li>\n<li><code>opacity</code>: 图元以及其附属物（如文字标签）的透明度。</li>\n<li><code>colorLightness</code>: 颜色的明暗度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorSaturation</code>: 颜色的饱和度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorHue</code>: 颜色的色调，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n</ul>\n<hr>\n<p><code>outOfRange</code> 能定义目标系列（参见 <a href=\"#visualMap-continuous.seriesIndex\">visualMap-continuous.seriesIndex</a>）视觉形式，也同时定义了 <code>visualMap-continuous</code> 本身的视觉样式。通俗来讲就是，假如 <code>visualMap-continuous</code>控制的是散点图，那么 <code>outOfRange</code> 同时定义了散点图的 <code>颜色</code>、<code>尺寸</code> 等，也定义了 <code>visualMap-continuous</code> 本身的 <code>颜色</code>、<code>尺寸</code> 等。这二者能对应上。</p>\n<p>定义方式，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        outOfRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [30, 100]\n        }\n    }\n]\n</code></pre>\n<p>如果想分别定义 <code>visualMap-continuous</code> 本身的视觉样式和 <code>目标系列</code> 的视觉样式，则这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式。\n        target: {\n            outOfRange: {\n                color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n                symbolSize: [60, 200]\n            }\n        },\n        // 表示 visualMap-continuous 本身的视觉样式。\n        controller: {\n            outOfRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p>或者这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式 和 visualMap-continuous 共有的视觉样式。\n        outOfRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [60, 200]\n        },\n        // 表示 visualMap-continuous 本身的视觉样式，会覆盖共有的视觉样式。比如，symbolSize 覆盖成为 [30, 100]，而 color 不变。\n        controller: {\n            outOfRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p><strong>✦ 关于视觉通道 ✦</strong></p>\n<ul>\n<li><p>outOfRange 中，可以有任意几个的『视觉通道』定义（如 <code>color</code>、<code>symbolSize</code> 等）。这些视觉通道，会被同时采用。</p>\n</li>\n<li><p>一般来说，建议使用 <code>透明度（opacity）</code> ，而非 <code>颜色透明度（colorAlpha）</code> （他们细微的差异在于，前者能也同时控制图元中的附属物（如 label）的透明度，而后者只能控制图元本身颜色的透明度）。</p>\n</li>\n<li><p>视觉映射的方式：支持两种方式：线性映射、查表映射。</p>\n</li>\n</ul>\n<p><strong>✦ 视觉通道 -- 线性映射 ✦</strong></p>\n<p><code>线性映射</code> 表示 series.data 中的每一个值（dataValue）会经过线性映射计算，从 <code>[visualMap.min, visualMap.max]</code> 映射到设定的 <code>[visual value 1, visual value 2]</code> 区间中的某一个视觉的值（下称 visual value）。</p>\n<p>例如，我们设置了 <code>[visualMap.min, visualMap.max] 为 [0, 100]</code>，并且我们有 <code>series.data: [50, 10, 100]</code>。我们想将其映射到范围为 <code>[0.4, 1]</code> 的 <code>opacity</code> 上，从而达到用透明度表达数值大小的目的。那么 visualMap 组件会对 series.data 中的每一个 dataValue 做线性映射计算，得到一个 opacityValue。最终得到的 opacityValues 为 <code>[0.7, 0.44, 1]</code>。</p>\n<p>visual 范围也可以反向，例如上例，可以设定 <code>opacity</code> 范围为 <code>[1, 0.4]</code>，则上例得到的 opacityValues 为 <code>[0.7, 0.96, 0.4]</code>。</p>\n<p>注意，[visualMap.min, visualMap.max] 须手动设置，不设置则默认取 [0, 100]，而非 series.data 中的 <code>dataMin</code> 和 <code>dataMax</code>。</p>\n<p>如何设定为线性映射？以下情况时，会设定为 <code>线性映射</code>：</p>\n<ul>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-continuous\">visualMap-continuous</a> 时，或者</p>\n</li>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 未设置 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时。</p>\n</li>\n</ul>\n<p>视觉通道的值（visual value）：</p>\n<ul>\n<li><p>视觉通道的值一般都以 <code>Array</code> 形式表示，例如：<code>color: [&#39;#333&#39;, &#39;#777&#39;]</code>。</p>\n</li>\n<li><p>如果写成 <code>number</code> 或 <code>string</code>，会转成 <code>Array</code>。例如，写成 <code>opacity: 0.4</code> 会转成 <code>opacity: [0.4, 0.4]</code>，<code>color: &#39;#333&#39;</code> 会转成 <code>color: [&#39;#333&#39;, &#39;#333&#39;]</code>。</p>\n</li>\n<li><p>对于 <code>图形大小（symbolSize）</code>、<code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>、<code>色调（colorHue）</code>：形如<code>Array</code> 的视觉范围总是表示：<code>[最小数据值对应的视觉值, 最大数据值对应的视觉值]</code>。比如：<code>colorLightness: [0.8, 0.2]</code>，表示 series.data 中，和 <code>visualMap.min</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.8</code>，和 <code>visualMap.max</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.2</code>，中间其他数据值，按照线性计算出映射结果。</p>\n</li>\n<li><p>对于 <code>颜色（color）</code>，使用数组表示例如：<code>[&#39;#333&#39;, &#39;#78ab23&#39;, &#39;blue&#39;]</code>。意思就是以这三个点作为基准，形成一种『渐变』的色带，数据映射到这个色带上。也就是说，与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;#333&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;blue&#39;</code>。对于 <code>visualMap.min</code> 和 <code>visualMap.max</code> 中间的其他点，以所给定的 <code>&#39;#333&#39;</code>, <code>&#39;#78ab23&#39;</code>, <code>&#39;blue&#39;</code> 这三个颜色作为基准点进行分段线性插值，得到映射结果。</p>\n</li>\n<li><p>对于 <code>图形类别（symbol）</code>：使用数据表示例如：<code>[&#39;circle&#39;, &#39;rect&#39;, &#39;diamond&#39;]</code>。与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;circle&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;diamond&#39;</code>。对于 中间的其他点，会根据他们和 <code>visualMap.min</code> 和 <code>visualMap.max</code> 的数值距离，映射到 <code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;diamond&#39;</code> 中某个值上。</p>\n</li>\n</ul>\n<p>visual value 的取值范围：</p>\n<ul>\n<li><p><code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>，<code>visual value</code></p>\n<p>  取值范围是 <code>[0, 1]</code>。</p>\n</li>\n<li><p><code>色调（colorHue）</code></p>\n<p>  取值范围是 <code>[0, 360]</code>。</p>\n</li>\n<li><p><code>颜色（color）</code>：</p>\n<p>  颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 &#39;#ccc&#39;。</p>\n</li>\n<li><p><code>图形类别（symbol）</code>：</p>\n</li>\n</ul>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre><p><strong>✦ 视觉通道 -- 查表映射 ✦</strong></p>\n<p><code>查表映射</code> 表示 series.data 中的所有值（dataValue）是可枚举的，会根据给定的映射表查表得到映射结果。</p>\n<p>例如，在 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 中，我们设定了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 为 <code>[&#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。我们有 series.data: <code>[&#39;Demon Hunter&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。然后我们可以定立查表映射规则：<code>color: {&#39;Warden&#39;: &#39;red&#39;, &#39;Demon Hunter&#39;: &#39;black&#39;}</code>，于是 <code>visualMap</code> 组件会按照表来将 <code>dataValue</code> 映射到 <code>color</code>。</p>\n<p>如何设定为查表映射？当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 设置了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时，会进行查表映射。</p>\n<p>视觉通道的值（visual value）：一般使用 <code>Object</code> 或 <code>Array</code> 来表示，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: {\n    type: &#39;piecewise&#39;,\n    // categories 定义了 visualMap-piecewise 组件显示出来的项。\n    categories: [\n        &#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;\n    ],\n    outOfRange: {\n        // visual value 可以配成 Object：\n        color: {\n            &#39;Warden&#39;: &#39;red&#39;,\n            &#39;Demon Hunter&#39;: &#39;black&#39;,\n            &#39;&#39;: &#39;green&#39; // 空字串，表示除了&#39;Warden&#39;、&#39;Demon Hunter&#39;外，都对应到 &#39;green&#39;。\n        }\n        // visual value 也可以只配一个单值，表示所有都映射到一个值，如：\n        color: &#39;green&#39;,\n        // visual value 也可以配成数组，这个数组须和 categories 数组等长，\n        // 每个数组项和 categories 数组项一一对应：\n        color: [&#39;red&#39;, &#39;black&#39;, &#39;green&#39;, &#39;yellow&#39;, &#39;white&#39;]\n    }\n}\n</code></pre>\n<p><a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/scatter-visualMap-categories&amp;edit=1&amp;reset=1\" target=\"_blank\">参见示例</a></p>\n<hr>\n<p><strong>✦ 修改视觉编码 ✦</strong></p>\n<p>如果在图表被渲染后（即已经使用 <code>setOption</code> 设置了初始 <code>option</code> 之后），想修改 visualMap 的各种 <code>视觉编码</code>，按照惯例，再次使用 <code>setOption</code> 即可。例如：</p>\n<pre><code class=\"lang-javascript\">chart.setOption({\n    visualMap: {\n        inRange: {color: [&#39;red&#39;, &#39;blue&#39;]}\n    }\n});\n</code></pre>\n<p>但请注意：</p>\n<ul>\n<li><p>visualMap option 中的这几个属性，<code>inRange</code>, <code>outOfRange</code>, <code>target</code>, <code>controller</code>，在 setOption 时不支持 merge。否则会带来过于复杂的 merge 逻辑。也就是说，<code>setOption</code> 时，一旦修改了以上几个属性中的一项，其他项也会被清空，而非保留当前状态。所以，设置 visual 值时，请一次性全部设置，而非只设置一部分。</p>\n</li>\n<li><p><strong>不推荐使用 <code>getOption -&gt; 修改option -&gt; setOption</code> 的方式：</strong></p>\n</li>\n</ul>\n<pre><code class=\"lang-javascript\">// 不推荐这样做（尽管也能达到和上面的例子相同的结果）：\nvar option = chart.getOption(); // 获取所有option。\noption.visualMap.inRange.color = [&#39;red&#39;, &#39;blue&#39;]; // 改动color（我想要改变 color）。\n\n// 如下两处也要进行同步改动，否则可能达不到期望效果。\noption.visualMap.target.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\noption.visualMap.controller.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\n\nchart.setOption(option); // option设置回 visualMap\n</code></pre>\n"},"controller":{"properties":{"inRange":{"description":"<p>定义 <strong>在选中范围中</strong> 的视觉元素。（用户可以和 visualMap 组件交互，用鼠标或触摸选择范围）</p>\n<p>可选的视觉元素有：</p>\n<ul>\n<li><code>symbol</code>: 图元的图形类别。</li>\n<li><code>symbolSize</code>: 图元的大小。</li>\n<li><code>color</code>: 图元的颜色。</li>\n<li><code>colorAlpha</code>: 图元的颜色的透明度。</li>\n<li><code>opacity</code>: 图元以及其附属物（如文字标签）的透明度。</li>\n<li><code>colorLightness</code>: 颜色的明暗度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorSaturation</code>: 颜色的饱和度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorHue</code>: 颜色的色调，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n</ul>\n<hr>\n<p><code>inRange</code> 能定义目标系列（参见 <a href=\"#visualMap-continuous.seriesIndex\">visualMap-continuous.seriesIndex</a>）视觉形式，也同时定义了 <code>visualMap-continuous</code> 本身的视觉样式。通俗来讲就是，假如 <code>visualMap-continuous</code>控制的是散点图，那么 <code>inRange</code> 同时定义了散点图的 <code>颜色</code>、<code>尺寸</code> 等，也定义了 <code>visualMap-continuous</code> 本身的 <code>颜色</code>、<code>尺寸</code> 等。这二者能对应上。</p>\n<p>定义方式，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        inRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [30, 100]\n        }\n    }\n]\n</code></pre>\n<p>如果想分别定义 <code>visualMap-continuous</code> 本身的视觉样式和 <code>目标系列</code> 的视觉样式，则这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式。\n        target: {\n            inRange: {\n                color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n                symbolSize: [60, 200]\n            }\n        },\n        // 表示 visualMap-continuous 本身的视觉样式。\n        controller: {\n            inRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p>或者这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式 和 visualMap-continuous 共有的视觉样式。\n        inRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [60, 200]\n        },\n        // 表示 visualMap-continuous 本身的视觉样式，会覆盖共有的视觉样式。比如，symbolSize 覆盖成为 [30, 100]，而 color 不变。\n        controller: {\n            inRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p><strong>✦ 关于视觉通道 ✦</strong></p>\n<ul>\n<li><p>inRange 中，可以有任意几个的『视觉通道』定义（如 <code>color</code>、<code>symbolSize</code> 等）。这些视觉通道，会被同时采用。</p>\n</li>\n<li><p>一般来说，建议使用 <code>透明度（opacity）</code> ，而非 <code>颜色透明度（colorAlpha）</code> （他们细微的差异在于，前者能也同时控制图元中的附属物（如 label）的透明度，而后者只能控制图元本身颜色的透明度）。</p>\n</li>\n<li><p>视觉映射的方式：支持两种方式：线性映射、查表映射。</p>\n</li>\n</ul>\n<p><strong>✦ 视觉通道 -- 线性映射 ✦</strong></p>\n<p><code>线性映射</code> 表示 series.data 中的每一个值（dataValue）会经过线性映射计算，从 <code>[visualMap.min, visualMap.max]</code> 映射到设定的 <code>[visual value 1, visual value 2]</code> 区间中的某一个视觉的值（下称 visual value）。</p>\n<p>例如，我们设置了 <code>[visualMap.min, visualMap.max] 为 [0, 100]</code>，并且我们有 <code>series.data: [50, 10, 100]</code>。我们想将其映射到范围为 <code>[0.4, 1]</code> 的 <code>opacity</code> 上，从而达到用透明度表达数值大小的目的。那么 visualMap 组件会对 series.data 中的每一个 dataValue 做线性映射计算，得到一个 opacityValue。最终得到的 opacityValues 为 <code>[0.7, 0.44, 1]</code>。</p>\n<p>visual 范围也可以反向，例如上例，可以设定 <code>opacity</code> 范围为 <code>[1, 0.4]</code>，则上例得到的 opacityValues 为 <code>[0.7, 0.96, 0.4]</code>。</p>\n<p>注意，[visualMap.min, visualMap.max] 须手动设置，不设置则默认取 [0, 100]，而非 series.data 中的 <code>dataMin</code> 和 <code>dataMax</code>。</p>\n<p>如何设定为线性映射？以下情况时，会设定为 <code>线性映射</code>：</p>\n<ul>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-continuous\">visualMap-continuous</a> 时，或者</p>\n</li>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 未设置 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时。</p>\n</li>\n</ul>\n<p>视觉通道的值（visual value）：</p>\n<ul>\n<li><p>视觉通道的值一般都以 <code>Array</code> 形式表示，例如：<code>color: [&#39;#333&#39;, &#39;#777&#39;]</code>。</p>\n</li>\n<li><p>如果写成 <code>number</code> 或 <code>string</code>，会转成 <code>Array</code>。例如，写成 <code>opacity: 0.4</code> 会转成 <code>opacity: [0.4, 0.4]</code>，<code>color: &#39;#333&#39;</code> 会转成 <code>color: [&#39;#333&#39;, &#39;#333&#39;]</code>。</p>\n</li>\n<li><p>对于 <code>图形大小（symbolSize）</code>、<code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>、<code>色调（colorHue）</code>：形如<code>Array</code> 的视觉范围总是表示：<code>[最小数据值对应的视觉值, 最大数据值对应的视觉值]</code>。比如：<code>colorLightness: [0.8, 0.2]</code>，表示 series.data 中，和 <code>visualMap.min</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.8</code>，和 <code>visualMap.max</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.2</code>，中间其他数据值，按照线性计算出映射结果。</p>\n</li>\n<li><p>对于 <code>颜色（color）</code>，使用数组表示例如：<code>[&#39;#333&#39;, &#39;#78ab23&#39;, &#39;blue&#39;]</code>。意思就是以这三个点作为基准，形成一种『渐变』的色带，数据映射到这个色带上。也就是说，与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;#333&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;blue&#39;</code>。对于 <code>visualMap.min</code> 和 <code>visualMap.max</code> 中间的其他点，以所给定的 <code>&#39;#333&#39;</code>, <code>&#39;#78ab23&#39;</code>, <code>&#39;blue&#39;</code> 这三个颜色作为基准点进行分段线性插值，得到映射结果。</p>\n</li>\n<li><p>对于 <code>图形类别（symbol）</code>：使用数据表示例如：<code>[&#39;circle&#39;, &#39;rect&#39;, &#39;diamond&#39;]</code>。与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;circle&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;diamond&#39;</code>。对于 中间的其他点，会根据他们和 <code>visualMap.min</code> 和 <code>visualMap.max</code> 的数值距离，映射到 <code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;diamond&#39;</code> 中某个值上。</p>\n</li>\n</ul>\n<p>visual value 的取值范围：</p>\n<ul>\n<li><p><code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>，<code>visual value</code></p>\n<p>  取值范围是 <code>[0, 1]</code>。</p>\n</li>\n<li><p><code>色调（colorHue）</code></p>\n<p>  取值范围是 <code>[0, 360]</code>。</p>\n</li>\n<li><p><code>颜色（color）</code>：</p>\n<p>  颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 &#39;#ccc&#39;。</p>\n</li>\n<li><p><code>图形类别（symbol）</code>：</p>\n</li>\n</ul>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre><p><strong>✦ 视觉通道 -- 查表映射 ✦</strong></p>\n<p><code>查表映射</code> 表示 series.data 中的所有值（dataValue）是可枚举的，会根据给定的映射表查表得到映射结果。</p>\n<p>例如，在 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 中，我们设定了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 为 <code>[&#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。我们有 series.data: <code>[&#39;Demon Hunter&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。然后我们可以定立查表映射规则：<code>color: {&#39;Warden&#39;: &#39;red&#39;, &#39;Demon Hunter&#39;: &#39;black&#39;}</code>，于是 <code>visualMap</code> 组件会按照表来将 <code>dataValue</code> 映射到 <code>color</code>。</p>\n<p>如何设定为查表映射？当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 设置了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时，会进行查表映射。</p>\n<p>视觉通道的值（visual value）：一般使用 <code>Object</code> 或 <code>Array</code> 来表示，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: {\n    type: &#39;piecewise&#39;,\n    // categories 定义了 visualMap-piecewise 组件显示出来的项。\n    categories: [\n        &#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;\n    ],\n    inRange: {\n        // visual value 可以配成 Object：\n        color: {\n            &#39;Warden&#39;: &#39;red&#39;,\n            &#39;Demon Hunter&#39;: &#39;black&#39;,\n            &#39;&#39;: &#39;green&#39; // 空字串，表示除了&#39;Warden&#39;、&#39;Demon Hunter&#39;外，都对应到 &#39;green&#39;。\n        }\n        // visual value 也可以只配一个单值，表示所有都映射到一个值，如：\n        color: &#39;green&#39;,\n        // visual value 也可以配成数组，这个数组须和 categories 数组等长，\n        // 每个数组项和 categories 数组项一一对应：\n        color: [&#39;red&#39;, &#39;black&#39;, &#39;green&#39;, &#39;yellow&#39;, &#39;white&#39;]\n    }\n}\n</code></pre>\n<p><a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/scatter-visualMap-categories&amp;edit=1&amp;reset=1\" target=\"_blank\">参见示例</a></p>\n<hr>\n<p><strong>✦ 修改视觉编码 ✦</strong></p>\n<p>如果在图表被渲染后（即已经使用 <code>setOption</code> 设置了初始 <code>option</code> 之后），想修改 visualMap 的各种 <code>视觉编码</code>，按照惯例，再次使用 <code>setOption</code> 即可。例如：</p>\n<pre><code class=\"lang-javascript\">chart.setOption({\n    visualMap: {\n        inRange: {color: [&#39;red&#39;, &#39;blue&#39;]}\n    }\n});\n</code></pre>\n<p>但请注意：</p>\n<ul>\n<li><p>visualMap option 中的这几个属性，<code>inRange</code>, <code>outOfRange</code>, <code>target</code>, <code>controller</code>，在 setOption 时不支持 merge。否则会带来过于复杂的 merge 逻辑。也就是说，<code>setOption</code> 时，一旦修改了以上几个属性中的一项，其他项也会被清空，而非保留当前状态。所以，设置 visual 值时，请一次性全部设置，而非只设置一部分。</p>\n</li>\n<li><p><strong>不推荐使用 <code>getOption -&gt; 修改option -&gt; setOption</code> 的方式：</strong></p>\n</li>\n</ul>\n<pre><code class=\"lang-javascript\">// 不推荐这样做（尽管也能达到和上面的例子相同的结果）：\nvar option = chart.getOption(); // 获取所有option。\noption.visualMap.inRange.color = [&#39;red&#39;, &#39;blue&#39;]; // 改动color（我想要改变 color）。\n\n// 如下两处也要进行同步改动，否则可能达不到期望效果。\noption.visualMap.target.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\noption.visualMap.controller.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\n\nchart.setOption(option); // option设置回 visualMap\n</code></pre>\n<p><strong>注意</strong>，inRange 没有指定，则会默认会设置 color: <code>[&#39;#f6efa6&#39;, &#39;#d88273&#39;, &#39;#bf444c&#39;]</code>，如果你不想要这个color，可以\n<code>inRange: {color: null}</code> 来去除。</p>\n"},"outOfRange":{"description":"<p>定义 <strong>在选中范围外</strong> 的视觉元素。（用户可以和 visualMap 组件交互，用鼠标或触摸选择范围）</p>\n<p>可选的视觉元素有：</p>\n<ul>\n<li><code>symbol</code>: 图元的图形类别。</li>\n<li><code>symbolSize</code>: 图元的大小。</li>\n<li><code>color</code>: 图元的颜色。</li>\n<li><code>colorAlpha</code>: 图元的颜色的透明度。</li>\n<li><code>opacity</code>: 图元以及其附属物（如文字标签）的透明度。</li>\n<li><code>colorLightness</code>: 颜色的明暗度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorSaturation</code>: 颜色的饱和度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorHue</code>: 颜色的色调，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n</ul>\n<hr>\n<p><code>outOfRange</code> 能定义目标系列（参见 <a href=\"#visualMap-continuous.seriesIndex\">visualMap-continuous.seriesIndex</a>）视觉形式，也同时定义了 <code>visualMap-continuous</code> 本身的视觉样式。通俗来讲就是，假如 <code>visualMap-continuous</code>控制的是散点图，那么 <code>outOfRange</code> 同时定义了散点图的 <code>颜色</code>、<code>尺寸</code> 等，也定义了 <code>visualMap-continuous</code> 本身的 <code>颜色</code>、<code>尺寸</code> 等。这二者能对应上。</p>\n<p>定义方式，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        outOfRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [30, 100]\n        }\n    }\n]\n</code></pre>\n<p>如果想分别定义 <code>visualMap-continuous</code> 本身的视觉样式和 <code>目标系列</code> 的视觉样式，则这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式。\n        target: {\n            outOfRange: {\n                color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n                symbolSize: [60, 200]\n            }\n        },\n        // 表示 visualMap-continuous 本身的视觉样式。\n        controller: {\n            outOfRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p>或者这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式 和 visualMap-continuous 共有的视觉样式。\n        outOfRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [60, 200]\n        },\n        // 表示 visualMap-continuous 本身的视觉样式，会覆盖共有的视觉样式。比如，symbolSize 覆盖成为 [30, 100]，而 color 不变。\n        controller: {\n            outOfRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p><strong>✦ 关于视觉通道 ✦</strong></p>\n<ul>\n<li><p>outOfRange 中，可以有任意几个的『视觉通道』定义（如 <code>color</code>、<code>symbolSize</code> 等）。这些视觉通道，会被同时采用。</p>\n</li>\n<li><p>一般来说，建议使用 <code>透明度（opacity）</code> ，而非 <code>颜色透明度（colorAlpha）</code> （他们细微的差异在于，前者能也同时控制图元中的附属物（如 label）的透明度，而后者只能控制图元本身颜色的透明度）。</p>\n</li>\n<li><p>视觉映射的方式：支持两种方式：线性映射、查表映射。</p>\n</li>\n</ul>\n<p><strong>✦ 视觉通道 -- 线性映射 ✦</strong></p>\n<p><code>线性映射</code> 表示 series.data 中的每一个值（dataValue）会经过线性映射计算，从 <code>[visualMap.min, visualMap.max]</code> 映射到设定的 <code>[visual value 1, visual value 2]</code> 区间中的某一个视觉的值（下称 visual value）。</p>\n<p>例如，我们设置了 <code>[visualMap.min, visualMap.max] 为 [0, 100]</code>，并且我们有 <code>series.data: [50, 10, 100]</code>。我们想将其映射到范围为 <code>[0.4, 1]</code> 的 <code>opacity</code> 上，从而达到用透明度表达数值大小的目的。那么 visualMap 组件会对 series.data 中的每一个 dataValue 做线性映射计算，得到一个 opacityValue。最终得到的 opacityValues 为 <code>[0.7, 0.44, 1]</code>。</p>\n<p>visual 范围也可以反向，例如上例，可以设定 <code>opacity</code> 范围为 <code>[1, 0.4]</code>，则上例得到的 opacityValues 为 <code>[0.7, 0.96, 0.4]</code>。</p>\n<p>注意，[visualMap.min, visualMap.max] 须手动设置，不设置则默认取 [0, 100]，而非 series.data 中的 <code>dataMin</code> 和 <code>dataMax</code>。</p>\n<p>如何设定为线性映射？以下情况时，会设定为 <code>线性映射</code>：</p>\n<ul>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-continuous\">visualMap-continuous</a> 时，或者</p>\n</li>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 未设置 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时。</p>\n</li>\n</ul>\n<p>视觉通道的值（visual value）：</p>\n<ul>\n<li><p>视觉通道的值一般都以 <code>Array</code> 形式表示，例如：<code>color: [&#39;#333&#39;, &#39;#777&#39;]</code>。</p>\n</li>\n<li><p>如果写成 <code>number</code> 或 <code>string</code>，会转成 <code>Array</code>。例如，写成 <code>opacity: 0.4</code> 会转成 <code>opacity: [0.4, 0.4]</code>，<code>color: &#39;#333&#39;</code> 会转成 <code>color: [&#39;#333&#39;, &#39;#333&#39;]</code>。</p>\n</li>\n<li><p>对于 <code>图形大小（symbolSize）</code>、<code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>、<code>色调（colorHue）</code>：形如<code>Array</code> 的视觉范围总是表示：<code>[最小数据值对应的视觉值, 最大数据值对应的视觉值]</code>。比如：<code>colorLightness: [0.8, 0.2]</code>，表示 series.data 中，和 <code>visualMap.min</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.8</code>，和 <code>visualMap.max</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.2</code>，中间其他数据值，按照线性计算出映射结果。</p>\n</li>\n<li><p>对于 <code>颜色（color）</code>，使用数组表示例如：<code>[&#39;#333&#39;, &#39;#78ab23&#39;, &#39;blue&#39;]</code>。意思就是以这三个点作为基准，形成一种『渐变』的色带，数据映射到这个色带上。也就是说，与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;#333&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;blue&#39;</code>。对于 <code>visualMap.min</code> 和 <code>visualMap.max</code> 中间的其他点，以所给定的 <code>&#39;#333&#39;</code>, <code>&#39;#78ab23&#39;</code>, <code>&#39;blue&#39;</code> 这三个颜色作为基准点进行分段线性插值，得到映射结果。</p>\n</li>\n<li><p>对于 <code>图形类别（symbol）</code>：使用数据表示例如：<code>[&#39;circle&#39;, &#39;rect&#39;, &#39;diamond&#39;]</code>。与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;circle&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;diamond&#39;</code>。对于 中间的其他点，会根据他们和 <code>visualMap.min</code> 和 <code>visualMap.max</code> 的数值距离，映射到 <code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;diamond&#39;</code> 中某个值上。</p>\n</li>\n</ul>\n<p>visual value 的取值范围：</p>\n<ul>\n<li><p><code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>，<code>visual value</code></p>\n<p>  取值范围是 <code>[0, 1]</code>。</p>\n</li>\n<li><p><code>色调（colorHue）</code></p>\n<p>  取值范围是 <code>[0, 360]</code>。</p>\n</li>\n<li><p><code>颜色（color）</code>：</p>\n<p>  颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 &#39;#ccc&#39;。</p>\n</li>\n<li><p><code>图形类别（symbol）</code>：</p>\n</li>\n</ul>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre><p><strong>✦ 视觉通道 -- 查表映射 ✦</strong></p>\n<p><code>查表映射</code> 表示 series.data 中的所有值（dataValue）是可枚举的，会根据给定的映射表查表得到映射结果。</p>\n<p>例如，在 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 中，我们设定了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 为 <code>[&#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。我们有 series.data: <code>[&#39;Demon Hunter&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。然后我们可以定立查表映射规则：<code>color: {&#39;Warden&#39;: &#39;red&#39;, &#39;Demon Hunter&#39;: &#39;black&#39;}</code>，于是 <code>visualMap</code> 组件会按照表来将 <code>dataValue</code> 映射到 <code>color</code>。</p>\n<p>如何设定为查表映射？当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 设置了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时，会进行查表映射。</p>\n<p>视觉通道的值（visual value）：一般使用 <code>Object</code> 或 <code>Array</code> 来表示，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: {\n    type: &#39;piecewise&#39;,\n    // categories 定义了 visualMap-piecewise 组件显示出来的项。\n    categories: [\n        &#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;\n    ],\n    outOfRange: {\n        // visual value 可以配成 Object：\n        color: {\n            &#39;Warden&#39;: &#39;red&#39;,\n            &#39;Demon Hunter&#39;: &#39;black&#39;,\n            &#39;&#39;: &#39;green&#39; // 空字串，表示除了&#39;Warden&#39;、&#39;Demon Hunter&#39;外，都对应到 &#39;green&#39;。\n        }\n        // visual value 也可以只配一个单值，表示所有都映射到一个值，如：\n        color: &#39;green&#39;,\n        // visual value 也可以配成数组，这个数组须和 categories 数组等长，\n        // 每个数组项和 categories 数组项一一对应：\n        color: [&#39;red&#39;, &#39;black&#39;, &#39;green&#39;, &#39;yellow&#39;, &#39;white&#39;]\n    }\n}\n</code></pre>\n<p><a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/scatter-visualMap-categories&amp;edit=1&amp;reset=1\" target=\"_blank\">参见示例</a></p>\n<hr>\n<p><strong>✦ 修改视觉编码 ✦</strong></p>\n<p>如果在图表被渲染后（即已经使用 <code>setOption</code> 设置了初始 <code>option</code> 之后），想修改 visualMap 的各种 <code>视觉编码</code>，按照惯例，再次使用 <code>setOption</code> 即可。例如：</p>\n<pre><code class=\"lang-javascript\">chart.setOption({\n    visualMap: {\n        inRange: {color: [&#39;red&#39;, &#39;blue&#39;]}\n    }\n});\n</code></pre>\n<p>但请注意：</p>\n<ul>\n<li><p>visualMap option 中的这几个属性，<code>inRange</code>, <code>outOfRange</code>, <code>target</code>, <code>controller</code>，在 setOption 时不支持 merge。否则会带来过于复杂的 merge 逻辑。也就是说，<code>setOption</code> 时，一旦修改了以上几个属性中的一项，其他项也会被清空，而非保留当前状态。所以，设置 visual 值时，请一次性全部设置，而非只设置一部分。</p>\n</li>\n<li><p><strong>不推荐使用 <code>getOption -&gt; 修改option -&gt; setOption</code> 的方式：</strong></p>\n</li>\n</ul>\n<pre><code class=\"lang-javascript\">// 不推荐这样做（尽管也能达到和上面的例子相同的结果）：\nvar option = chart.getOption(); // 获取所有option。\noption.visualMap.inRange.color = [&#39;red&#39;, &#39;blue&#39;]; // 改动color（我想要改变 color）。\n\n// 如下两处也要进行同步改动，否则可能达不到期望效果。\noption.visualMap.target.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\noption.visualMap.controller.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\n\nchart.setOption(option); // option设置回 visualMap\n</code></pre>\n"}}},"zlevel":{"description":"<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"left":{"description":"<p>visualMap 组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"top":{"description":"<p>visualMap 组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"right":{"description":"<p>visualMap 组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n"},"bottom":{"description":"<p>visualMap 组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n"},"orient":{"description":"<p>如何放置 visualMap 组件，水平（<code>&#39;horizontal&#39;</code>）或者竖直（<code>&#39;vertical&#39;</code>）。</p>\n"},"padding":{"description":"<p>visualMap-continuous内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"backgroundColor":{"description":"<p>背景色。</p>\n"},"borderColor":{"description":"<p>边框颜色。</p>\n"},"borderWidth":{"description":"<p>边框线宽，单位px。</p>\n"},"color":{"description":"<p>这个配置项，是为了兼容 ECharts2 而存在，ECharts3 中已经不推荐使用。它的功能已经移到了 <a href=\"#visualMap-continuous.inRange\">visualMap-continuous.inRange</a> 和 <a href=\"#visualMap-continuous.outOfRange\">visualMap-continuous.outOfRange</a> 中。</p>\n<p>如果要使用，则须注意，<code>color</code>属性中的顺序是由数值 <code>大</code> 到 <code>小</code>，但是 <a href=\"#visualMap-continuous.inRange\">visualMap-continuous.inRange</a> 或 <a href=\"#visualMap-continuous.outOfRange\">visualMap-continuous.outOfRange</a> 中 <code>color</code> 的顺序，总是由数值 <code>小</code> 到 <code>大</code>。二者不一致。</p>\n"},"textStyle":{"properties":{"color":{"description":"<p>visualMap 文字的颜色。</p>\n"},"fontStyle":{"description":"<p>visualMap 文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>visualMap 文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>visualMap 文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>visualMap 文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"formatter":{"description":"<p>标签的格式化工具。</p>\n<ul>\n<li>如果为<code>string</code>，表示模板，例如：<code>aaaa{value}</code>。其中 <code>{value}</code> 是当前的范围边界值。</li>\n<li>如果为 <code>Function</code>，表示回调函数，形如：</li>\n</ul>\n<pre><code class=\"lang-javascript\">formatter: function (value) {\n    return &#39;aaaa&#39; + value; // 范围标签显示内容。\n}\n</code></pre>\n"}}},{"properties":{"type":{"description":"<p>类型为分段型。</p>\n"},"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"splitNumber":{"description":"<p>对于连续型数据，自动平均切分成几段。默认为5段。\n连续数据的范围需要 <a href=\"#visualMap-piecewise.max\">max</a> 和 <a href=\"#visualMap-piecewise.min\">min</a> 来指定。</p>\n<p>如果设置了 <a href=\"#visualMap-piecewise.pieces\">visualMap-piecewise.pieces</a> 或者 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a>，则 <code>splitNumber</code> 无效。</p>\n"},"pieces":{"description":"<p>自定义『分段式视觉映射组件（visualMapPiecewise）』的每一段的范围，以及每一段的文字，以及每一段的特别的样式。例如：</p>\n<pre><code class=\"lang-javascript\">pieces: [\n    {min: 1500}, // 不指定 max，表示 max 为无限大（Infinity）。\n    {min: 900, max: 1500},\n    {min: 310, max: 1000},\n    {min: 200, max: 300},\n    {min: 10, max: 200, label: &#39;10 到 200（自定义label）&#39;},\n    {value: 123, label: &#39;123（自定义特殊颜色）&#39;, color: &#39;grey&#39;}, // 表示 value 等于 123 的情况。\n    {max: 5}     // 不指定 min，表示 min 为无限大（-Infinity）。\n]\n</code></pre>\n<p>或者，更精确得，可以使用 <code>lt</code>（小于，little than），<code>gt</code>（大于，greater than），<code>lte</code>（小于等于 lettle than or equals），<code>gte</code>（大于等于，greater than or equals）来表达边界：</p>\n<pre><code class=\"lang-javascript\">pieces: [\n    {gt: 1500},            // (1500, Infinity]\n    {gt: 900, lte: 1500},  // (900, 1500]\n    {gt: 310, lte: 1000},  // (310, 1000]\n    {gt: 200, lte: 300},   // (200, 300]\n    {gt: 10, lte: 200, label: &#39;10 到 200（自定义label）&#39;},       // (10, 200]\n    {value: 123, label: &#39;123（自定义特殊颜色）&#39;, color: &#39;grey&#39;},  // [123, 123]\n    {lt: 5}                 // (-Infinity, 5)\n]\n</code></pre>\n<p>注意，如果两个 piece 的区间重叠，则会自动进行去重。</p>\n<p>在每个 piece 中支持的 visualMap 属性有：</p>\n<ul>\n<li><code>symbol</code>: 图元的图形类别。</li>\n<li><code>symbolSize</code>: 图元的大小。</li>\n<li><code>color</code>: 图元的颜色。</li>\n<li><code>colorAlpha</code>: 图元的颜色的透明度。</li>\n<li><code>opacity</code>: 图元以及其附属物（如文字标签）的透明度。</li>\n<li><code>colorLightness</code>: 颜色的明暗度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorSaturation</code>: 颜色的饱和度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorHue</code>: 颜色的色调，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n</ul>\n<p><a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/map-visualMap-pieces&amp;edit=1&amp;reset=1\" target=\"_blank\">参见示例</a></p>\n<p>（注：在 ECharts2 中，<code>pieces</code> 叫做 <code>splitList</code>。现在后者仍兼容，但推荐使用 <code>pieces</code>）</p>\n<p><code>pieces</code> 中的顺序，其实试试就知道。若要看详细的规则，参见 <a href=\"#visualMap.inverse\">visualMap.inverse</a>。</p>\n"},"categories":{"description":"<p>用于表示离散型数据（或可以称为类别型数据、枚举型数据）的全集。</p>\n<p>当所指定的维度（<a href=\"#visualMap-piecewise.dimension\">visualMap-piecewise.dimension</a>）的数据为离散型数据时，例如数据值为『优』、『良』等，那么可如下配置：</p>\n<pre><code class=\"lang-javascript\">categories: [&#39;严重污染&#39;, &#39;重度污染&#39;, &#39;中度污染&#39;, &#39;轻度污染&#39;, &#39;良&#39;, &#39;优&#39;],\n</code></pre>\n<p><a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/scatter-visualMap-categories&amp;edit=1&amp;reset=1\" target=\"_blank\">参见示例</a></p>\n<p><code>categories</code> 中的顺序，其实试试就知道。若要看详细的规则，参见 <a href=\"#visualMap.inverse\">visualMap.inverse</a>。</p>\n"},"min":{"description":"<p>指定 visualMapPiecewise 组件的最小值。</p>\n<p>在 <strong>连续型数据自定义分段</strong> 模式（即 <a href=\"#visualMap-piecewise.pieces\">visualMap-piecewise.pieces</a> 被使用）或 <strong>离散数据根据类别分段</strong> 模式（即 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 被使用）时，<code>max</code> 和 <code>min</code> 不需指定。</p>\n<p>在 <strong>连续型数据平均分段</strong> 模式（即 (that is, when <a href=\"#visualMap-piecewise.splitNumber\">visualMap-piecewise.splitNumber</a> 被使用时）需指定 <code>min</code>、<code>max</code>，如果不指定，则默认为 <code>[0, 200]</code>（注意并不是默认为\nseries.data 的 <code>dataMin</code> 和 <code>dataMax</code>）。</p>\n"},"max":{"description":"<p>指定 visualMapPiecewise 组件的最大值。参见 <a href=\"#visualMap-piecewise.splitNumber\">visualMap-piecewise.splitNumber</a></p>\n<p><strong>连续型数据自定义分段</strong> 模式（即 <a href=\"#visualMap-piecewise.pieces\">visualMap-piecewise.pieces</a> 被使用）或 <strong>离散数据根据类别分段</strong> 模式（即 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 被使用），<code>max</code> 和 <code>min</code> 不需指定。</p>\n<p><strong>连续型数据平均分段</strong> 模式（即 (that is, when <a href=\"#visualMap-piecewise.splitNumber\">visualMap-piecewise.splitNumber</a> 被使用时）需指定 <code>min</code>、<code>max</code>，如果不指定，则默认为 <code>[0, 200]</code>（注意并不是默认为\nseries.data 的 <code>dataMin</code> 和 <code>dataMax</code>）。</p>\n"},"minOpen":{"description":"<p>当 <code>type</code> 为 <code>piecewise</code> 且使用 <code>min</code>/<code>max</code>/<code>splitNumber</code> 时，此参数有效。当值为 <code>true</code> 时，界面上会额外多出一个『&lt; min』的选块。</p>\n"},"maxOpen":{"description":"<p>当 <code>type</code> 为 <code>piecewise</code> 且使用 <code>min</code>/<code>max</code>/<code>splitNumber</code> 时，此参数有效。当值为 <code>true</code> 时，界面上会额外多出一个『&gt; max』的选块。</p>\n"},"selectedMode":{"description":"<p>选择模式，可以是：</p>\n<ul>\n<li><code>&#39;multiple&#39;</code>（多选）。</li>\n<li><code>&#39;single&#39;</code>（单选）。</li>\n</ul>\n"},"inverse":{"description":"<p>是否反转。</p>\n<ul>\n<li><p><strong>连续型数据平均分段</strong> 模式（即 (that is, when <a href=\"#visualMap-piecewise.splitNumber\">visualMap-piecewise.splitNumber</a> 被使用时），数据排布规则，同 <a href=\"#visualMap-continuous.inverse\">visualMap-continuous.inverse</a>。</p>\n</li>\n<li><p><strong>连续型数据自定义分段</strong> 模式（即 <a href=\"#visualMap-piecewise.pieces\">visualMap-piecewise.pieces</a> 被使用）或 <strong>离散数据根据类别分段</strong> 模式（即 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 被使用），每个块的排布位置，取决于 <code>pieces</code> 或 <code>categories</code> 列表的定义顺序，即：</p>\n<ul>\n<li><p>当<code>inverse</code>为<code>false</code>时：</p>\n<ul>\n<li><p>当 <a href=\"#visualMap.orient\">visualMap.orient</a> 为 <code>&#39;vertical&#39;</code> 时，<code>pieces[0]</code> 或 <code>categories[0]</code>对应『上方』</p>\n</li>\n<li><p>当 <a href=\"#visualMap.orient\">visualMap.orient</a> 为 <code>&#39;horizontal&#39;</code> 时，<code>pieces[0]</code> 或 <code>categories[0]</code> 对应『左方』。</p>\n</li>\n</ul>\n</li>\n<li><p>当 <code>inverse</code> 为 <code>true</code> 时，与上面相反。</p>\n</li>\n</ul>\n</li>\n</ul>\n<p>其实没有那么复杂，使用时候，试试就知道了。</p>\n"},"precision":{"description":"<p>数据展示的小数精度。</p>\n<ul>\n<li><p><strong>连续型数据平均分段</strong> 模式（即 (that is, when <a href=\"#visualMap-piecewise.splitNumber\">visualMap-piecewise.splitNumber</a> 被使用时），精度根据数据自动适应。</p>\n</li>\n<li><p><strong>连续型数据自定义分段</strong> 模式（即 <a href=\"#visualMap-piecewise.pieces\">visualMap-piecewise.pieces</a> 被使用）或 <strong>离散数据根据类别分段</strong> 模式（即 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 被使用），精度默认为0（没有小数）。</p>\n</li>\n</ul>\n"},"itemWidth":{"description":"<p>图形的宽度，即每个小块的宽度。</p>\n"},"itemHeight":{"description":"<p>图形的高度，即每个小块的高度。</p>\n"},"align":{"description":"<p>指定组件中图形（比如小方块）和文字的摆放关系，可选值为：</p>\n<ul>\n<li><code>&#39;auto&#39;</code> 自动决定。</li>\n<li><code>&#39;left&#39;</code> 图形在左文字在右。</li>\n<li><code>&#39;right&#39;</code> 图形在右文字在左。</li>\n</ul>\n"},"text":{"description":"<p>两端的文本，如[&#39;High&#39;, &#39;Low&#39;]。<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/map-visualMap-piecewise-text&amp;edit=1&amp;reset=1\" target=\"_blank\">参见例子</a>。</p>\n<p><code>text</code> 中的顺序，其实试试就知道。若要看详细的规则，参见 <a href=\"#visualMap.inverse\">visualMap.inverse</a>。</p>\n<p>兼容 ECharts2，当有 <code>text</code> 时，label不显示。</p>\n"},"textGap":{"description":"<p>两端文字主体之间的距离，单位为px。参见 <a href=\"#visualMap-piecewise.text\">visualMap-piecewise.text</a></p>\n"},"showLabel":{"description":"<p>是否显示每项的文本标签。默认情况是，如果 <a href=\"#visualMap-piecewise.text\">visualMap-piecewise.text</a> 被使用则不显示文本标签，否则显示。</p>\n"},"itemGap":{"description":"<p>每两个图元之间的间隔距离，单位为px。</p>\n"},"itemSymbol":{"description":"<p>默认的图形。可选值为：\n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>。</p>\n<p>symbol的设置参见 <a href=\"#visualMap-piecewise.inRange\">visualMap-piecewise.inRange</a> 和 <a href=\"#visualMap-piecewise.outOfRange\">visualMap-piecewise.outOfRange</a>。</p>\n<p>当他们没有进行指定时，取此 <code>itemSymbol</code> 为默认值（但是只在 visualMap 组件上使用，不在 chart 中使用）。</p>\n"},"show":{"description":"<p>是否显示 visualMap-piecewise 组件。如果设置为 <code>false</code>，不会显示，但是数据映射的功能还存在。</p>\n"},"dimension":{"description":"<p>指定用数据的『哪个维度』，映射到视觉元素上。『数据』即 <a href=\"#series.data\">series.data</a>。\n可以把 <a href=\"#series.data\">series.data</a> 理解成一个二维数组，例如：</p>\n<pre><code class=\"lang-javascript\">[\n    [12, 23, 43],\n    [12, 23, 43],\n    [43, 545, 65],\n    [92, 23, 33]\n]\n</code></pre>\n<p>其中每个列是一个维度，即 <code>dimension</code>。\n例如 <code>dimension</code> 为 1 时，取第二列（即 23，23，545，23），映射到视觉元素上。</p>\n<p>默认取 <code>data</code> 中最后一个维度。</p>\n"},"seriesIndex":{"description":"<p>指定取哪个系列的数据，即哪个系列的 <a href=\"#series.data\">series.data</a>。</p>\n<p>默认取所有系列。</p>\n"},"hoverLink":{"description":"<p>打开 <code>hoverLink</code> 功能时，鼠标悬浮到 <code>visualMap</code> 组件上时，鼠标位置对应的数值 在 图表中对应的图形元素，会高亮。</p>\n<p>反之，鼠标悬浮到图表中的图形元素上时，在 <code>visualMap</code> 组件的相应位置会有三角提示其所对应的数值。</p>\n"},"inRange":{"description":"<p>定义 <strong>在选中范围中</strong> 的视觉元素。（用户可以和 visualMap 组件交互，用鼠标或触摸选择范围）</p>\n<p>可选的视觉元素有：</p>\n<ul>\n<li><code>symbol</code>: 图元的图形类别。</li>\n<li><code>symbolSize</code>: 图元的大小。</li>\n<li><code>color</code>: 图元的颜色。</li>\n<li><code>colorAlpha</code>: 图元的颜色的透明度。</li>\n<li><code>opacity</code>: 图元以及其附属物（如文字标签）的透明度。</li>\n<li><code>colorLightness</code>: 颜色的明暗度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorSaturation</code>: 颜色的饱和度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorHue</code>: 颜色的色调，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n</ul>\n<hr>\n<p><code>inRange</code> 能定义目标系列（参见 <a href=\"#visualMap-piecewise.seriesIndex\">visualMap-piecewise.seriesIndex</a>）视觉形式，也同时定义了 <code>visualMap-piecewise</code> 本身的视觉样式。通俗来讲就是，假如 <code>visualMap-piecewise</code>控制的是散点图，那么 <code>inRange</code> 同时定义了散点图的 <code>颜色</code>、<code>尺寸</code> 等，也定义了 <code>visualMap-piecewise</code> 本身的 <code>颜色</code>、<code>尺寸</code> 等。这二者能对应上。</p>\n<p>定义方式，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        inRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [30, 100]\n        }\n    }\n]\n</code></pre>\n<p>如果想分别定义 <code>visualMap-piecewise</code> 本身的视觉样式和 <code>目标系列</code> 的视觉样式，则这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式。\n        target: {\n            inRange: {\n                color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n                symbolSize: [60, 200]\n            }\n        },\n        // 表示 visualMap-piecewise 本身的视觉样式。\n        controller: {\n            inRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p>或者这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式 和 visualMap-piecewise 共有的视觉样式。\n        inRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [60, 200]\n        },\n        // 表示 visualMap-piecewise 本身的视觉样式，会覆盖共有的视觉样式。比如，symbolSize 覆盖成为 [30, 100]，而 color 不变。\n        controller: {\n            inRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p><strong>✦ 关于视觉通道 ✦</strong></p>\n<ul>\n<li><p>inRange 中，可以有任意几个的『视觉通道』定义（如 <code>color</code>、<code>symbolSize</code> 等）。这些视觉通道，会被同时采用。</p>\n</li>\n<li><p>一般来说，建议使用 <code>透明度（opacity）</code> ，而非 <code>颜色透明度（colorAlpha）</code> （他们细微的差异在于，前者能也同时控制图元中的附属物（如 label）的透明度，而后者只能控制图元本身颜色的透明度）。</p>\n</li>\n<li><p>视觉映射的方式：支持两种方式：线性映射、查表映射。</p>\n</li>\n</ul>\n<p><strong>✦ 视觉通道 -- 线性映射 ✦</strong></p>\n<p><code>线性映射</code> 表示 series.data 中的每一个值（dataValue）会经过线性映射计算，从 <code>[visualMap.min, visualMap.max]</code> 映射到设定的 <code>[visual value 1, visual value 2]</code> 区间中的某一个视觉的值（下称 visual value）。</p>\n<p>例如，我们设置了 <code>[visualMap.min, visualMap.max] 为 [0, 100]</code>，并且我们有 <code>series.data: [50, 10, 100]</code>。我们想将其映射到范围为 <code>[0.4, 1]</code> 的 <code>opacity</code> 上，从而达到用透明度表达数值大小的目的。那么 visualMap 组件会对 series.data 中的每一个 dataValue 做线性映射计算，得到一个 opacityValue。最终得到的 opacityValues 为 <code>[0.7, 0.44, 1]</code>。</p>\n<p>visual 范围也可以反向，例如上例，可以设定 <code>opacity</code> 范围为 <code>[1, 0.4]</code>，则上例得到的 opacityValues 为 <code>[0.7, 0.96, 0.4]</code>。</p>\n<p>注意，[visualMap.min, visualMap.max] 须手动设置，不设置则默认取 [0, 100]，而非 series.data 中的 <code>dataMin</code> 和 <code>dataMax</code>。</p>\n<p>如何设定为线性映射？以下情况时，会设定为 <code>线性映射</code>：</p>\n<ul>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-continuous\">visualMap-continuous</a> 时，或者</p>\n</li>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 未设置 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时。</p>\n</li>\n</ul>\n<p>视觉通道的值（visual value）：</p>\n<ul>\n<li><p>视觉通道的值一般都以 <code>Array</code> 形式表示，例如：<code>color: [&#39;#333&#39;, &#39;#777&#39;]</code>。</p>\n</li>\n<li><p>如果写成 <code>number</code> 或 <code>string</code>，会转成 <code>Array</code>。例如，写成 <code>opacity: 0.4</code> 会转成 <code>opacity: [0.4, 0.4]</code>，<code>color: &#39;#333&#39;</code> 会转成 <code>color: [&#39;#333&#39;, &#39;#333&#39;]</code>。</p>\n</li>\n<li><p>对于 <code>图形大小（symbolSize）</code>、<code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>、<code>色调（colorHue）</code>：形如<code>Array</code> 的视觉范围总是表示：<code>[最小数据值对应的视觉值, 最大数据值对应的视觉值]</code>。比如：<code>colorLightness: [0.8, 0.2]</code>，表示 series.data 中，和 <code>visualMap.min</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.8</code>，和 <code>visualMap.max</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.2</code>，中间其他数据值，按照线性计算出映射结果。</p>\n</li>\n<li><p>对于 <code>颜色（color）</code>，使用数组表示例如：<code>[&#39;#333&#39;, &#39;#78ab23&#39;, &#39;blue&#39;]</code>。意思就是以这三个点作为基准，形成一种『渐变』的色带，数据映射到这个色带上。也就是说，与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;#333&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;blue&#39;</code>。对于 <code>visualMap.min</code> 和 <code>visualMap.max</code> 中间的其他点，以所给定的 <code>&#39;#333&#39;</code>, <code>&#39;#78ab23&#39;</code>, <code>&#39;blue&#39;</code> 这三个颜色作为基准点进行分段线性插值，得到映射结果。</p>\n</li>\n<li><p>对于 <code>图形类别（symbol）</code>：使用数据表示例如：<code>[&#39;circle&#39;, &#39;rect&#39;, &#39;diamond&#39;]</code>。与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;circle&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;diamond&#39;</code>。对于 中间的其他点，会根据他们和 <code>visualMap.min</code> 和 <code>visualMap.max</code> 的数值距离，映射到 <code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;diamond&#39;</code> 中某个值上。</p>\n</li>\n</ul>\n<p>visual value 的取值范围：</p>\n<ul>\n<li><p><code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>，<code>visual value</code></p>\n<p>  取值范围是 <code>[0, 1]</code>。</p>\n</li>\n<li><p><code>色调（colorHue）</code></p>\n<p>  取值范围是 <code>[0, 360]</code>。</p>\n</li>\n<li><p><code>颜色（color）</code>：</p>\n<p>  颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 &#39;#ccc&#39;。</p>\n</li>\n<li><p><code>图形类别（symbol）</code>：</p>\n</li>\n</ul>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre><p><strong>✦ 视觉通道 -- 查表映射 ✦</strong></p>\n<p><code>查表映射</code> 表示 series.data 中的所有值（dataValue）是可枚举的，会根据给定的映射表查表得到映射结果。</p>\n<p>例如，在 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 中，我们设定了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 为 <code>[&#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。我们有 series.data: <code>[&#39;Demon Hunter&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。然后我们可以定立查表映射规则：<code>color: {&#39;Warden&#39;: &#39;red&#39;, &#39;Demon Hunter&#39;: &#39;black&#39;}</code>，于是 <code>visualMap</code> 组件会按照表来将 <code>dataValue</code> 映射到 <code>color</code>。</p>\n<p>如何设定为查表映射？当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 设置了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时，会进行查表映射。</p>\n<p>视觉通道的值（visual value）：一般使用 <code>Object</code> 或 <code>Array</code> 来表示，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: {\n    type: &#39;piecewise&#39;,\n    // categories 定义了 visualMap-piecewise 组件显示出来的项。\n    categories: [\n        &#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;\n    ],\n    inRange: {\n        // visual value 可以配成 Object：\n        color: {\n            &#39;Warden&#39;: &#39;red&#39;,\n            &#39;Demon Hunter&#39;: &#39;black&#39;,\n            &#39;&#39;: &#39;green&#39; // 空字串，表示除了&#39;Warden&#39;、&#39;Demon Hunter&#39;外，都对应到 &#39;green&#39;。\n        }\n        // visual value 也可以只配一个单值，表示所有都映射到一个值，如：\n        color: &#39;green&#39;,\n        // visual value 也可以配成数组，这个数组须和 categories 数组等长，\n        // 每个数组项和 categories 数组项一一对应：\n        color: [&#39;red&#39;, &#39;black&#39;, &#39;green&#39;, &#39;yellow&#39;, &#39;white&#39;]\n    }\n}\n</code></pre>\n<p><a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/scatter-visualMap-categories&amp;edit=1&amp;reset=1\" target=\"_blank\">参见示例</a></p>\n<hr>\n<p><strong>✦ 修改视觉编码 ✦</strong></p>\n<p>如果在图表被渲染后（即已经使用 <code>setOption</code> 设置了初始 <code>option</code> 之后），想修改 visualMap 的各种 <code>视觉编码</code>，按照惯例，再次使用 <code>setOption</code> 即可。例如：</p>\n<pre><code class=\"lang-javascript\">chart.setOption({\n    visualMap: {\n        inRange: {color: [&#39;red&#39;, &#39;blue&#39;]}\n    }\n});\n</code></pre>\n<p>但请注意：</p>\n<ul>\n<li><p>visualMap option 中的这几个属性，<code>inRange</code>, <code>outOfRange</code>, <code>target</code>, <code>controller</code>，在 setOption 时不支持 merge。否则会带来过于复杂的 merge 逻辑。也就是说，<code>setOption</code> 时，一旦修改了以上几个属性中的一项，其他项也会被清空，而非保留当前状态。所以，设置 visual 值时，请一次性全部设置，而非只设置一部分。</p>\n</li>\n<li><p><strong>不推荐使用 <code>getOption -&gt; 修改option -&gt; setOption</code> 的方式：</strong></p>\n</li>\n</ul>\n<pre><code class=\"lang-javascript\">// 不推荐这样做（尽管也能达到和上面的例子相同的结果）：\nvar option = chart.getOption(); // 获取所有option。\noption.visualMap.inRange.color = [&#39;red&#39;, &#39;blue&#39;]; // 改动color（我想要改变 color）。\n\n// 如下两处也要进行同步改动，否则可能达不到期望效果。\noption.visualMap.target.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\noption.visualMap.controller.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\n\nchart.setOption(option); // option设置回 visualMap\n</code></pre>\n<p><strong>注意</strong>，inRange 没有指定，则会默认会设置 color: <code>[&#39;#f6efa6&#39;, &#39;#d88273&#39;, &#39;#bf444c&#39;]</code>，如果你不想要这个color，可以\n<code>inRange: {color: null}</code> 来去除。</p>\n"},"outOfRange":{"description":"<p>定义 <strong>在选中范围外</strong> 的视觉元素。（用户可以和 visualMap 组件交互，用鼠标或触摸选择范围）</p>\n<p>可选的视觉元素有：</p>\n<ul>\n<li><code>symbol</code>: 图元的图形类别。</li>\n<li><code>symbolSize</code>: 图元的大小。</li>\n<li><code>color</code>: 图元的颜色。</li>\n<li><code>colorAlpha</code>: 图元的颜色的透明度。</li>\n<li><code>opacity</code>: 图元以及其附属物（如文字标签）的透明度。</li>\n<li><code>colorLightness</code>: 颜色的明暗度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorSaturation</code>: 颜色的饱和度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorHue</code>: 颜色的色调，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n</ul>\n<hr>\n<p><code>outOfRange</code> 能定义目标系列（参见 <a href=\"#visualMap-piecewise.seriesIndex\">visualMap-piecewise.seriesIndex</a>）视觉形式，也同时定义了 <code>visualMap-piecewise</code> 本身的视觉样式。通俗来讲就是，假如 <code>visualMap-piecewise</code>控制的是散点图，那么 <code>outOfRange</code> 同时定义了散点图的 <code>颜色</code>、<code>尺寸</code> 等，也定义了 <code>visualMap-piecewise</code> 本身的 <code>颜色</code>、<code>尺寸</code> 等。这二者能对应上。</p>\n<p>定义方式，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        outOfRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [30, 100]\n        }\n    }\n]\n</code></pre>\n<p>如果想分别定义 <code>visualMap-piecewise</code> 本身的视觉样式和 <code>目标系列</code> 的视觉样式，则这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式。\n        target: {\n            outOfRange: {\n                color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n                symbolSize: [60, 200]\n            }\n        },\n        // 表示 visualMap-piecewise 本身的视觉样式。\n        controller: {\n            outOfRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p>或者这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式 和 visualMap-piecewise 共有的视觉样式。\n        outOfRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [60, 200]\n        },\n        // 表示 visualMap-piecewise 本身的视觉样式，会覆盖共有的视觉样式。比如，symbolSize 覆盖成为 [30, 100]，而 color 不变。\n        controller: {\n            outOfRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p><strong>✦ 关于视觉通道 ✦</strong></p>\n<ul>\n<li><p>outOfRange 中，可以有任意几个的『视觉通道』定义（如 <code>color</code>、<code>symbolSize</code> 等）。这些视觉通道，会被同时采用。</p>\n</li>\n<li><p>一般来说，建议使用 <code>透明度（opacity）</code> ，而非 <code>颜色透明度（colorAlpha）</code> （他们细微的差异在于，前者能也同时控制图元中的附属物（如 label）的透明度，而后者只能控制图元本身颜色的透明度）。</p>\n</li>\n<li><p>视觉映射的方式：支持两种方式：线性映射、查表映射。</p>\n</li>\n</ul>\n<p><strong>✦ 视觉通道 -- 线性映射 ✦</strong></p>\n<p><code>线性映射</code> 表示 series.data 中的每一个值（dataValue）会经过线性映射计算，从 <code>[visualMap.min, visualMap.max]</code> 映射到设定的 <code>[visual value 1, visual value 2]</code> 区间中的某一个视觉的值（下称 visual value）。</p>\n<p>例如，我们设置了 <code>[visualMap.min, visualMap.max] 为 [0, 100]</code>，并且我们有 <code>series.data: [50, 10, 100]</code>。我们想将其映射到范围为 <code>[0.4, 1]</code> 的 <code>opacity</code> 上，从而达到用透明度表达数值大小的目的。那么 visualMap 组件会对 series.data 中的每一个 dataValue 做线性映射计算，得到一个 opacityValue。最终得到的 opacityValues 为 <code>[0.7, 0.44, 1]</code>。</p>\n<p>visual 范围也可以反向，例如上例，可以设定 <code>opacity</code> 范围为 <code>[1, 0.4]</code>，则上例得到的 opacityValues 为 <code>[0.7, 0.96, 0.4]</code>。</p>\n<p>注意，[visualMap.min, visualMap.max] 须手动设置，不设置则默认取 [0, 100]，而非 series.data 中的 <code>dataMin</code> 和 <code>dataMax</code>。</p>\n<p>如何设定为线性映射？以下情况时，会设定为 <code>线性映射</code>：</p>\n<ul>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-continuous\">visualMap-continuous</a> 时，或者</p>\n</li>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 未设置 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时。</p>\n</li>\n</ul>\n<p>视觉通道的值（visual value）：</p>\n<ul>\n<li><p>视觉通道的值一般都以 <code>Array</code> 形式表示，例如：<code>color: [&#39;#333&#39;, &#39;#777&#39;]</code>。</p>\n</li>\n<li><p>如果写成 <code>number</code> 或 <code>string</code>，会转成 <code>Array</code>。例如，写成 <code>opacity: 0.4</code> 会转成 <code>opacity: [0.4, 0.4]</code>，<code>color: &#39;#333&#39;</code> 会转成 <code>color: [&#39;#333&#39;, &#39;#333&#39;]</code>。</p>\n</li>\n<li><p>对于 <code>图形大小（symbolSize）</code>、<code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>、<code>色调（colorHue）</code>：形如<code>Array</code> 的视觉范围总是表示：<code>[最小数据值对应的视觉值, 最大数据值对应的视觉值]</code>。比如：<code>colorLightness: [0.8, 0.2]</code>，表示 series.data 中，和 <code>visualMap.min</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.8</code>，和 <code>visualMap.max</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.2</code>，中间其他数据值，按照线性计算出映射结果。</p>\n</li>\n<li><p>对于 <code>颜色（color）</code>，使用数组表示例如：<code>[&#39;#333&#39;, &#39;#78ab23&#39;, &#39;blue&#39;]</code>。意思就是以这三个点作为基准，形成一种『渐变』的色带，数据映射到这个色带上。也就是说，与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;#333&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;blue&#39;</code>。对于 <code>visualMap.min</code> 和 <code>visualMap.max</code> 中间的其他点，以所给定的 <code>&#39;#333&#39;</code>, <code>&#39;#78ab23&#39;</code>, <code>&#39;blue&#39;</code> 这三个颜色作为基准点进行分段线性插值，得到映射结果。</p>\n</li>\n<li><p>对于 <code>图形类别（symbol）</code>：使用数据表示例如：<code>[&#39;circle&#39;, &#39;rect&#39;, &#39;diamond&#39;]</code>。与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;circle&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;diamond&#39;</code>。对于 中间的其他点，会根据他们和 <code>visualMap.min</code> 和 <code>visualMap.max</code> 的数值距离，映射到 <code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;diamond&#39;</code> 中某个值上。</p>\n</li>\n</ul>\n<p>visual value 的取值范围：</p>\n<ul>\n<li><p><code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>，<code>visual value</code></p>\n<p>  取值范围是 <code>[0, 1]</code>。</p>\n</li>\n<li><p><code>色调（colorHue）</code></p>\n<p>  取值范围是 <code>[0, 360]</code>。</p>\n</li>\n<li><p><code>颜色（color）</code>：</p>\n<p>  颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 &#39;#ccc&#39;。</p>\n</li>\n<li><p><code>图形类别（symbol）</code>：</p>\n</li>\n</ul>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre><p><strong>✦ 视觉通道 -- 查表映射 ✦</strong></p>\n<p><code>查表映射</code> 表示 series.data 中的所有值（dataValue）是可枚举的，会根据给定的映射表查表得到映射结果。</p>\n<p>例如，在 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 中，我们设定了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 为 <code>[&#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。我们有 series.data: <code>[&#39;Demon Hunter&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。然后我们可以定立查表映射规则：<code>color: {&#39;Warden&#39;: &#39;red&#39;, &#39;Demon Hunter&#39;: &#39;black&#39;}</code>，于是 <code>visualMap</code> 组件会按照表来将 <code>dataValue</code> 映射到 <code>color</code>。</p>\n<p>如何设定为查表映射？当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 设置了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时，会进行查表映射。</p>\n<p>视觉通道的值（visual value）：一般使用 <code>Object</code> 或 <code>Array</code> 来表示，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: {\n    type: &#39;piecewise&#39;,\n    // categories 定义了 visualMap-piecewise 组件显示出来的项。\n    categories: [\n        &#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;\n    ],\n    outOfRange: {\n        // visual value 可以配成 Object：\n        color: {\n            &#39;Warden&#39;: &#39;red&#39;,\n            &#39;Demon Hunter&#39;: &#39;black&#39;,\n            &#39;&#39;: &#39;green&#39; // 空字串，表示除了&#39;Warden&#39;、&#39;Demon Hunter&#39;外，都对应到 &#39;green&#39;。\n        }\n        // visual value 也可以只配一个单值，表示所有都映射到一个值，如：\n        color: &#39;green&#39;,\n        // visual value 也可以配成数组，这个数组须和 categories 数组等长，\n        // 每个数组项和 categories 数组项一一对应：\n        color: [&#39;red&#39;, &#39;black&#39;, &#39;green&#39;, &#39;yellow&#39;, &#39;white&#39;]\n    }\n}\n</code></pre>\n<p><a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/scatter-visualMap-categories&amp;edit=1&amp;reset=1\" target=\"_blank\">参见示例</a></p>\n<hr>\n<p><strong>✦ 修改视觉编码 ✦</strong></p>\n<p>如果在图表被渲染后（即已经使用 <code>setOption</code> 设置了初始 <code>option</code> 之后），想修改 visualMap 的各种 <code>视觉编码</code>，按照惯例，再次使用 <code>setOption</code> 即可。例如：</p>\n<pre><code class=\"lang-javascript\">chart.setOption({\n    visualMap: {\n        inRange: {color: [&#39;red&#39;, &#39;blue&#39;]}\n    }\n});\n</code></pre>\n<p>但请注意：</p>\n<ul>\n<li><p>visualMap option 中的这几个属性，<code>inRange</code>, <code>outOfRange</code>, <code>target</code>, <code>controller</code>，在 setOption 时不支持 merge。否则会带来过于复杂的 merge 逻辑。也就是说，<code>setOption</code> 时，一旦修改了以上几个属性中的一项，其他项也会被清空，而非保留当前状态。所以，设置 visual 值时，请一次性全部设置，而非只设置一部分。</p>\n</li>\n<li><p><strong>不推荐使用 <code>getOption -&gt; 修改option -&gt; setOption</code> 的方式：</strong></p>\n</li>\n</ul>\n<pre><code class=\"lang-javascript\">// 不推荐这样做（尽管也能达到和上面的例子相同的结果）：\nvar option = chart.getOption(); // 获取所有option。\noption.visualMap.inRange.color = [&#39;red&#39;, &#39;blue&#39;]; // 改动color（我想要改变 color）。\n\n// 如下两处也要进行同步改动，否则可能达不到期望效果。\noption.visualMap.target.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\noption.visualMap.controller.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\n\nchart.setOption(option); // option设置回 visualMap\n</code></pre>\n"},"controller":{"properties":{"inRange":{"description":"<p>定义 <strong>在选中范围中</strong> 的视觉元素。（用户可以和 visualMap 组件交互，用鼠标或触摸选择范围）</p>\n<p>可选的视觉元素有：</p>\n<ul>\n<li><code>symbol</code>: 图元的图形类别。</li>\n<li><code>symbolSize</code>: 图元的大小。</li>\n<li><code>color</code>: 图元的颜色。</li>\n<li><code>colorAlpha</code>: 图元的颜色的透明度。</li>\n<li><code>opacity</code>: 图元以及其附属物（如文字标签）的透明度。</li>\n<li><code>colorLightness</code>: 颜色的明暗度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorSaturation</code>: 颜色的饱和度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorHue</code>: 颜色的色调，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n</ul>\n<hr>\n<p><code>inRange</code> 能定义目标系列（参见 <a href=\"#visualMap-piecewise.seriesIndex\">visualMap-piecewise.seriesIndex</a>）视觉形式，也同时定义了 <code>visualMap-piecewise</code> 本身的视觉样式。通俗来讲就是，假如 <code>visualMap-piecewise</code>控制的是散点图，那么 <code>inRange</code> 同时定义了散点图的 <code>颜色</code>、<code>尺寸</code> 等，也定义了 <code>visualMap-piecewise</code> 本身的 <code>颜色</code>、<code>尺寸</code> 等。这二者能对应上。</p>\n<p>定义方式，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        inRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [30, 100]\n        }\n    }\n]\n</code></pre>\n<p>如果想分别定义 <code>visualMap-piecewise</code> 本身的视觉样式和 <code>目标系列</code> 的视觉样式，则这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式。\n        target: {\n            inRange: {\n                color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n                symbolSize: [60, 200]\n            }\n        },\n        // 表示 visualMap-piecewise 本身的视觉样式。\n        controller: {\n            inRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p>或者这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式 和 visualMap-piecewise 共有的视觉样式。\n        inRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [60, 200]\n        },\n        // 表示 visualMap-piecewise 本身的视觉样式，会覆盖共有的视觉样式。比如，symbolSize 覆盖成为 [30, 100]，而 color 不变。\n        controller: {\n            inRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p><strong>✦ 关于视觉通道 ✦</strong></p>\n<ul>\n<li><p>inRange 中，可以有任意几个的『视觉通道』定义（如 <code>color</code>、<code>symbolSize</code> 等）。这些视觉通道，会被同时采用。</p>\n</li>\n<li><p>一般来说，建议使用 <code>透明度（opacity）</code> ，而非 <code>颜色透明度（colorAlpha）</code> （他们细微的差异在于，前者能也同时控制图元中的附属物（如 label）的透明度，而后者只能控制图元本身颜色的透明度）。</p>\n</li>\n<li><p>视觉映射的方式：支持两种方式：线性映射、查表映射。</p>\n</li>\n</ul>\n<p><strong>✦ 视觉通道 -- 线性映射 ✦</strong></p>\n<p><code>线性映射</code> 表示 series.data 中的每一个值（dataValue）会经过线性映射计算，从 <code>[visualMap.min, visualMap.max]</code> 映射到设定的 <code>[visual value 1, visual value 2]</code> 区间中的某一个视觉的值（下称 visual value）。</p>\n<p>例如，我们设置了 <code>[visualMap.min, visualMap.max] 为 [0, 100]</code>，并且我们有 <code>series.data: [50, 10, 100]</code>。我们想将其映射到范围为 <code>[0.4, 1]</code> 的 <code>opacity</code> 上，从而达到用透明度表达数值大小的目的。那么 visualMap 组件会对 series.data 中的每一个 dataValue 做线性映射计算，得到一个 opacityValue。最终得到的 opacityValues 为 <code>[0.7, 0.44, 1]</code>。</p>\n<p>visual 范围也可以反向，例如上例，可以设定 <code>opacity</code> 范围为 <code>[1, 0.4]</code>，则上例得到的 opacityValues 为 <code>[0.7, 0.96, 0.4]</code>。</p>\n<p>注意，[visualMap.min, visualMap.max] 须手动设置，不设置则默认取 [0, 100]，而非 series.data 中的 <code>dataMin</code> 和 <code>dataMax</code>。</p>\n<p>如何设定为线性映射？以下情况时，会设定为 <code>线性映射</code>：</p>\n<ul>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-continuous\">visualMap-continuous</a> 时，或者</p>\n</li>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 未设置 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时。</p>\n</li>\n</ul>\n<p>视觉通道的值（visual value）：</p>\n<ul>\n<li><p>视觉通道的值一般都以 <code>Array</code> 形式表示，例如：<code>color: [&#39;#333&#39;, &#39;#777&#39;]</code>。</p>\n</li>\n<li><p>如果写成 <code>number</code> 或 <code>string</code>，会转成 <code>Array</code>。例如，写成 <code>opacity: 0.4</code> 会转成 <code>opacity: [0.4, 0.4]</code>，<code>color: &#39;#333&#39;</code> 会转成 <code>color: [&#39;#333&#39;, &#39;#333&#39;]</code>。</p>\n</li>\n<li><p>对于 <code>图形大小（symbolSize）</code>、<code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>、<code>色调（colorHue）</code>：形如<code>Array</code> 的视觉范围总是表示：<code>[最小数据值对应的视觉值, 最大数据值对应的视觉值]</code>。比如：<code>colorLightness: [0.8, 0.2]</code>，表示 series.data 中，和 <code>visualMap.min</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.8</code>，和 <code>visualMap.max</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.2</code>，中间其他数据值，按照线性计算出映射结果。</p>\n</li>\n<li><p>对于 <code>颜色（color）</code>，使用数组表示例如：<code>[&#39;#333&#39;, &#39;#78ab23&#39;, &#39;blue&#39;]</code>。意思就是以这三个点作为基准，形成一种『渐变』的色带，数据映射到这个色带上。也就是说，与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;#333&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;blue&#39;</code>。对于 <code>visualMap.min</code> 和 <code>visualMap.max</code> 中间的其他点，以所给定的 <code>&#39;#333&#39;</code>, <code>&#39;#78ab23&#39;</code>, <code>&#39;blue&#39;</code> 这三个颜色作为基准点进行分段线性插值，得到映射结果。</p>\n</li>\n<li><p>对于 <code>图形类别（symbol）</code>：使用数据表示例如：<code>[&#39;circle&#39;, &#39;rect&#39;, &#39;diamond&#39;]</code>。与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;circle&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;diamond&#39;</code>。对于 中间的其他点，会根据他们和 <code>visualMap.min</code> 和 <code>visualMap.max</code> 的数值距离，映射到 <code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;diamond&#39;</code> 中某个值上。</p>\n</li>\n</ul>\n<p>visual value 的取值范围：</p>\n<ul>\n<li><p><code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>，<code>visual value</code></p>\n<p>  取值范围是 <code>[0, 1]</code>。</p>\n</li>\n<li><p><code>色调（colorHue）</code></p>\n<p>  取值范围是 <code>[0, 360]</code>。</p>\n</li>\n<li><p><code>颜色（color）</code>：</p>\n<p>  颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 &#39;#ccc&#39;。</p>\n</li>\n<li><p><code>图形类别（symbol）</code>：</p>\n</li>\n</ul>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre><p><strong>✦ 视觉通道 -- 查表映射 ✦</strong></p>\n<p><code>查表映射</code> 表示 series.data 中的所有值（dataValue）是可枚举的，会根据给定的映射表查表得到映射结果。</p>\n<p>例如，在 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 中，我们设定了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 为 <code>[&#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。我们有 series.data: <code>[&#39;Demon Hunter&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。然后我们可以定立查表映射规则：<code>color: {&#39;Warden&#39;: &#39;red&#39;, &#39;Demon Hunter&#39;: &#39;black&#39;}</code>，于是 <code>visualMap</code> 组件会按照表来将 <code>dataValue</code> 映射到 <code>color</code>。</p>\n<p>如何设定为查表映射？当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 设置了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时，会进行查表映射。</p>\n<p>视觉通道的值（visual value）：一般使用 <code>Object</code> 或 <code>Array</code> 来表示，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: {\n    type: &#39;piecewise&#39;,\n    // categories 定义了 visualMap-piecewise 组件显示出来的项。\n    categories: [\n        &#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;\n    ],\n    inRange: {\n        // visual value 可以配成 Object：\n        color: {\n            &#39;Warden&#39;: &#39;red&#39;,\n            &#39;Demon Hunter&#39;: &#39;black&#39;,\n            &#39;&#39;: &#39;green&#39; // 空字串，表示除了&#39;Warden&#39;、&#39;Demon Hunter&#39;外，都对应到 &#39;green&#39;。\n        }\n        // visual value 也可以只配一个单值，表示所有都映射到一个值，如：\n        color: &#39;green&#39;,\n        // visual value 也可以配成数组，这个数组须和 categories 数组等长，\n        // 每个数组项和 categories 数组项一一对应：\n        color: [&#39;red&#39;, &#39;black&#39;, &#39;green&#39;, &#39;yellow&#39;, &#39;white&#39;]\n    }\n}\n</code></pre>\n<p><a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/scatter-visualMap-categories&amp;edit=1&amp;reset=1\" target=\"_blank\">参见示例</a></p>\n<hr>\n<p><strong>✦ 修改视觉编码 ✦</strong></p>\n<p>如果在图表被渲染后（即已经使用 <code>setOption</code> 设置了初始 <code>option</code> 之后），想修改 visualMap 的各种 <code>视觉编码</code>，按照惯例，再次使用 <code>setOption</code> 即可。例如：</p>\n<pre><code class=\"lang-javascript\">chart.setOption({\n    visualMap: {\n        inRange: {color: [&#39;red&#39;, &#39;blue&#39;]}\n    }\n});\n</code></pre>\n<p>但请注意：</p>\n<ul>\n<li><p>visualMap option 中的这几个属性，<code>inRange</code>, <code>outOfRange</code>, <code>target</code>, <code>controller</code>，在 setOption 时不支持 merge。否则会带来过于复杂的 merge 逻辑。也就是说，<code>setOption</code> 时，一旦修改了以上几个属性中的一项，其他项也会被清空，而非保留当前状态。所以，设置 visual 值时，请一次性全部设置，而非只设置一部分。</p>\n</li>\n<li><p><strong>不推荐使用 <code>getOption -&gt; 修改option -&gt; setOption</code> 的方式：</strong></p>\n</li>\n</ul>\n<pre><code class=\"lang-javascript\">// 不推荐这样做（尽管也能达到和上面的例子相同的结果）：\nvar option = chart.getOption(); // 获取所有option。\noption.visualMap.inRange.color = [&#39;red&#39;, &#39;blue&#39;]; // 改动color（我想要改变 color）。\n\n// 如下两处也要进行同步改动，否则可能达不到期望效果。\noption.visualMap.target.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\noption.visualMap.controller.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\n\nchart.setOption(option); // option设置回 visualMap\n</code></pre>\n<p><strong>注意</strong>，inRange 没有指定，则会默认会设置 color: <code>[&#39;#f6efa6&#39;, &#39;#d88273&#39;, &#39;#bf444c&#39;]</code>，如果你不想要这个color，可以\n<code>inRange: {color: null}</code> 来去除。</p>\n"},"outOfRange":{"description":"<p>定义 <strong>在选中范围外</strong> 的视觉元素。（用户可以和 visualMap 组件交互，用鼠标或触摸选择范围）</p>\n<p>可选的视觉元素有：</p>\n<ul>\n<li><code>symbol</code>: 图元的图形类别。</li>\n<li><code>symbolSize</code>: 图元的大小。</li>\n<li><code>color</code>: 图元的颜色。</li>\n<li><code>colorAlpha</code>: 图元的颜色的透明度。</li>\n<li><code>opacity</code>: 图元以及其附属物（如文字标签）的透明度。</li>\n<li><code>colorLightness</code>: 颜色的明暗度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorSaturation</code>: 颜色的饱和度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorHue</code>: 颜色的色调，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n</ul>\n<hr>\n<p><code>outOfRange</code> 能定义目标系列（参见 <a href=\"#visualMap-piecewise.seriesIndex\">visualMap-piecewise.seriesIndex</a>）视觉形式，也同时定义了 <code>visualMap-piecewise</code> 本身的视觉样式。通俗来讲就是，假如 <code>visualMap-piecewise</code>控制的是散点图，那么 <code>outOfRange</code> 同时定义了散点图的 <code>颜色</code>、<code>尺寸</code> 等，也定义了 <code>visualMap-piecewise</code> 本身的 <code>颜色</code>、<code>尺寸</code> 等。这二者能对应上。</p>\n<p>定义方式，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        outOfRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [30, 100]\n        }\n    }\n]\n</code></pre>\n<p>如果想分别定义 <code>visualMap-piecewise</code> 本身的视觉样式和 <code>目标系列</code> 的视觉样式，则这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式。\n        target: {\n            outOfRange: {\n                color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n                symbolSize: [60, 200]\n            }\n        },\n        // 表示 visualMap-piecewise 本身的视觉样式。\n        controller: {\n            outOfRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p>或者这样定义：</p>\n<pre><code class=\"lang-javascript\">visualMap: [\n    {\n        ...,\n        // 表示 目标系列 的视觉样式 和 visualMap-piecewise 共有的视觉样式。\n        outOfRange: {\n            color: [&#39;#121122&#39;, &#39;rgba(3,4,5,0.4)&#39;, &#39;red&#39;],\n            symbolSize: [60, 200]\n        },\n        // 表示 visualMap-piecewise 本身的视觉样式，会覆盖共有的视觉样式。比如，symbolSize 覆盖成为 [30, 100]，而 color 不变。\n        controller: {\n            outOfRange: {\n                symbolSize: [30, 100]\n            }\n        }\n    }\n]\n</code></pre>\n<p><strong>✦ 关于视觉通道 ✦</strong></p>\n<ul>\n<li><p>outOfRange 中，可以有任意几个的『视觉通道』定义（如 <code>color</code>、<code>symbolSize</code> 等）。这些视觉通道，会被同时采用。</p>\n</li>\n<li><p>一般来说，建议使用 <code>透明度（opacity）</code> ，而非 <code>颜色透明度（colorAlpha）</code> （他们细微的差异在于，前者能也同时控制图元中的附属物（如 label）的透明度，而后者只能控制图元本身颜色的透明度）。</p>\n</li>\n<li><p>视觉映射的方式：支持两种方式：线性映射、查表映射。</p>\n</li>\n</ul>\n<p><strong>✦ 视觉通道 -- 线性映射 ✦</strong></p>\n<p><code>线性映射</code> 表示 series.data 中的每一个值（dataValue）会经过线性映射计算，从 <code>[visualMap.min, visualMap.max]</code> 映射到设定的 <code>[visual value 1, visual value 2]</code> 区间中的某一个视觉的值（下称 visual value）。</p>\n<p>例如，我们设置了 <code>[visualMap.min, visualMap.max] 为 [0, 100]</code>，并且我们有 <code>series.data: [50, 10, 100]</code>。我们想将其映射到范围为 <code>[0.4, 1]</code> 的 <code>opacity</code> 上，从而达到用透明度表达数值大小的目的。那么 visualMap 组件会对 series.data 中的每一个 dataValue 做线性映射计算，得到一个 opacityValue。最终得到的 opacityValues 为 <code>[0.7, 0.44, 1]</code>。</p>\n<p>visual 范围也可以反向，例如上例，可以设定 <code>opacity</code> 范围为 <code>[1, 0.4]</code>，则上例得到的 opacityValues 为 <code>[0.7, 0.96, 0.4]</code>。</p>\n<p>注意，[visualMap.min, visualMap.max] 须手动设置，不设置则默认取 [0, 100]，而非 series.data 中的 <code>dataMin</code> 和 <code>dataMax</code>。</p>\n<p>如何设定为线性映射？以下情况时，会设定为 <code>线性映射</code>：</p>\n<ul>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-continuous\">visualMap-continuous</a> 时，或者</p>\n</li>\n<li><p>当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 未设置 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时。</p>\n</li>\n</ul>\n<p>视觉通道的值（visual value）：</p>\n<ul>\n<li><p>视觉通道的值一般都以 <code>Array</code> 形式表示，例如：<code>color: [&#39;#333&#39;, &#39;#777&#39;]</code>。</p>\n</li>\n<li><p>如果写成 <code>number</code> 或 <code>string</code>，会转成 <code>Array</code>。例如，写成 <code>opacity: 0.4</code> 会转成 <code>opacity: [0.4, 0.4]</code>，<code>color: &#39;#333&#39;</code> 会转成 <code>color: [&#39;#333&#39;, &#39;#333&#39;]</code>。</p>\n</li>\n<li><p>对于 <code>图形大小（symbolSize）</code>、<code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>、<code>色调（colorHue）</code>：形如<code>Array</code> 的视觉范围总是表示：<code>[最小数据值对应的视觉值, 最大数据值对应的视觉值]</code>。比如：<code>colorLightness: [0.8, 0.2]</code>，表示 series.data 中，和 <code>visualMap.min</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.8</code>，和 <code>visualMap.max</code> 相等的值（如果有的话）映射到 <code>颜色明暗</code> 的 <code>0.2</code>，中间其他数据值，按照线性计算出映射结果。</p>\n</li>\n<li><p>对于 <code>颜色（color）</code>，使用数组表示例如：<code>[&#39;#333&#39;, &#39;#78ab23&#39;, &#39;blue&#39;]</code>。意思就是以这三个点作为基准，形成一种『渐变』的色带，数据映射到这个色带上。也就是说，与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;#333&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;blue&#39;</code>。对于 <code>visualMap.min</code> 和 <code>visualMap.max</code> 中间的其他点，以所给定的 <code>&#39;#333&#39;</code>, <code>&#39;#78ab23&#39;</code>, <code>&#39;blue&#39;</code> 这三个颜色作为基准点进行分段线性插值，得到映射结果。</p>\n</li>\n<li><p>对于 <code>图形类别（symbol）</code>：使用数据表示例如：<code>[&#39;circle&#39;, &#39;rect&#39;, &#39;diamond&#39;]</code>。与 <code>visualMap.min</code> 相等的值会映射到 <code>&#39;circle&#39;</code>，与 <code>visualMap.max</code> 相等的值会映射到 <code>&#39;diamond&#39;</code>。对于 中间的其他点，会根据他们和 <code>visualMap.min</code> 和 <code>visualMap.max</code> 的数值距离，映射到 <code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;diamond&#39;</code> 中某个值上。</p>\n</li>\n</ul>\n<p>visual value 的取值范围：</p>\n<ul>\n<li><p><code>透明度（opacity）</code>、<code>颜色透明度（colorAlpha）</code>、<code>颜色明暗度（colorLightness）</code>、<code>颜色饱和度（colorSaturation）</code>，<code>visual value</code></p>\n<p>  取值范围是 <code>[0, 1]</code>。</p>\n</li>\n<li><p><code>色调（colorHue）</code></p>\n<p>  取值范围是 <code>[0, 360]</code>。</p>\n</li>\n<li><p><code>颜色（color）</code>：</p>\n<p>  颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 &#39;#ccc&#39;。</p>\n</li>\n<li><p><code>图形类别（symbol）</code>：</p>\n</li>\n</ul>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre><p><strong>✦ 视觉通道 -- 查表映射 ✦</strong></p>\n<p><code>查表映射</code> 表示 series.data 中的所有值（dataValue）是可枚举的，会根据给定的映射表查表得到映射结果。</p>\n<p>例如，在 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 中，我们设定了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 为 <code>[&#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。我们有 series.data: <code>[&#39;Demon Hunter&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;]</code>。然后我们可以定立查表映射规则：<code>color: {&#39;Warden&#39;: &#39;red&#39;, &#39;Demon Hunter&#39;: &#39;black&#39;}</code>，于是 <code>visualMap</code> 组件会按照表来将 <code>dataValue</code> 映射到 <code>color</code>。</p>\n<p>如何设定为查表映射？当 <code>visualMap</code> 为 <a href=\"#visualMap-piecewise\">visualMap-piecewise</a> 且 设置了 <a href=\"#visualMap-piecewise.categories\">visualMap-piecewise.categories</a> 时，会进行查表映射。</p>\n<p>视觉通道的值（visual value）：一般使用 <code>Object</code> 或 <code>Array</code> 来表示，例如：</p>\n<pre><code class=\"lang-javascript\">visualMap: {\n    type: &#39;piecewise&#39;,\n    // categories 定义了 visualMap-piecewise 组件显示出来的项。\n    categories: [\n        &#39;Demon Hunter&#39;, &#39;Blademaster&#39;, &#39;Death Knight&#39;, &#39;Warden&#39;, &#39;Paladin&#39;\n    ],\n    outOfRange: {\n        // visual value 可以配成 Object：\n        color: {\n            &#39;Warden&#39;: &#39;red&#39;,\n            &#39;Demon Hunter&#39;: &#39;black&#39;,\n            &#39;&#39;: &#39;green&#39; // 空字串，表示除了&#39;Warden&#39;、&#39;Demon Hunter&#39;外，都对应到 &#39;green&#39;。\n        }\n        // visual value 也可以只配一个单值，表示所有都映射到一个值，如：\n        color: &#39;green&#39;,\n        // visual value 也可以配成数组，这个数组须和 categories 数组等长，\n        // 每个数组项和 categories 数组项一一对应：\n        color: [&#39;red&#39;, &#39;black&#39;, &#39;green&#39;, &#39;yellow&#39;, &#39;white&#39;]\n    }\n}\n</code></pre>\n<p><a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/scatter-visualMap-categories&amp;edit=1&amp;reset=1\" target=\"_blank\">参见示例</a></p>\n<hr>\n<p><strong>✦ 修改视觉编码 ✦</strong></p>\n<p>如果在图表被渲染后（即已经使用 <code>setOption</code> 设置了初始 <code>option</code> 之后），想修改 visualMap 的各种 <code>视觉编码</code>，按照惯例，再次使用 <code>setOption</code> 即可。例如：</p>\n<pre><code class=\"lang-javascript\">chart.setOption({\n    visualMap: {\n        inRange: {color: [&#39;red&#39;, &#39;blue&#39;]}\n    }\n});\n</code></pre>\n<p>但请注意：</p>\n<ul>\n<li><p>visualMap option 中的这几个属性，<code>inRange</code>, <code>outOfRange</code>, <code>target</code>, <code>controller</code>，在 setOption 时不支持 merge。否则会带来过于复杂的 merge 逻辑。也就是说，<code>setOption</code> 时，一旦修改了以上几个属性中的一项，其他项也会被清空，而非保留当前状态。所以，设置 visual 值时，请一次性全部设置，而非只设置一部分。</p>\n</li>\n<li><p><strong>不推荐使用 <code>getOption -&gt; 修改option -&gt; setOption</code> 的方式：</strong></p>\n</li>\n</ul>\n<pre><code class=\"lang-javascript\">// 不推荐这样做（尽管也能达到和上面的例子相同的结果）：\nvar option = chart.getOption(); // 获取所有option。\noption.visualMap.inRange.color = [&#39;red&#39;, &#39;blue&#39;]; // 改动color（我想要改变 color）。\n\n// 如下两处也要进行同步改动，否则可能达不到期望效果。\noption.visualMap.target.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\noption.visualMap.controller.inRange.color = [&#39;red&#39;, &#39;blue&#39;];\n\nchart.setOption(option); // option设置回 visualMap\n</code></pre>\n"}}},"zlevel":{"description":"<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"left":{"description":"<p>visualMap 组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"top":{"description":"<p>visualMap 组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"right":{"description":"<p>visualMap 组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n"},"bottom":{"description":"<p>visualMap 组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n"},"orient":{"description":"<p>如何放置 visualMap 组件，水平（<code>&#39;horizontal&#39;</code>）或者竖直（<code>&#39;vertical&#39;</code>）。</p>\n"},"padding":{"description":"<p>visualMap-piecewise内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"backgroundColor":{"description":"<p>背景色。</p>\n"},"borderColor":{"description":"<p>边框颜色。</p>\n"},"borderWidth":{"description":"<p>边框线宽，单位px。</p>\n"},"color":{"description":"<p>这个配置项，是为了兼容 ECharts2 而存在，ECharts3 中已经不推荐使用。它的功能已经移到了 <a href=\"#visualMap-piecewise.inRange\">visualMap-piecewise.inRange</a> 和 <a href=\"#visualMap-piecewise.outOfRange\">visualMap-piecewise.outOfRange</a> 中。</p>\n<p>如果要使用，则须注意，<code>color</code>属性中的顺序是由数值 <code>大</code> 到 <code>小</code>，但是 <a href=\"#visualMap-piecewise.inRange\">visualMap-piecewise.inRange</a> 或 <a href=\"#visualMap-piecewise.outOfRange\">visualMap-piecewise.outOfRange</a> 中 <code>color</code> 的顺序，总是由数值 <code>小</code> 到 <code>大</code>。二者不一致。</p>\n"},"textStyle":{"properties":{"color":{"description":"<p>visualMap 文字的颜色。</p>\n"},"fontStyle":{"description":"<p>visualMap 文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>visualMap 文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>visualMap 文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>visualMap 文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"formatter":{"description":"<p>标签的格式化工具。</p>\n<ul>\n<li>如果为<code>string</code>，表示模板，例如：<code>aaaa{value}bbbb{value2}</code>。其中 <code>{value}</code> 和 <code>{value2}</code> 是当前的范围边界值。</li>\n<li>如果为 <code>Function</code>，表示回调函数，形如：</li>\n</ul>\n<pre><code class=\"lang-javascript\">formatter: function (value, value2) {\n    return &#39;aaaa&#39; + value + &#39;bbbb&#39; + value2; // 范围标签显示内容。\n}\n</code></pre>\n"}}}]}},"tooltip":{"properties":{"show":{"description":"<p>是否显示提示框组件，包括提示框浮层和 <a href=\"#tooltip.axisPointer\">axisPointer</a>。</p>\n"},"trigger":{"description":"<p>触发类型。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>&#39;item&#39;</code></p>\n<p>  数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。</p>\n</li>\n<li><p><code>&#39;axis&#39;</code></p>\n<p>  坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用。</p>\n<p>  在 ECharts 2.x 中只支持类目轴上使用 axis trigger，在 ECharts 3 中支持在<a href=\"#grid\">直角坐标系</a>和<a href=\"#polar\">极坐标系</a>上的所有类型的轴。并且可以通过 <a href=\"#tooltip.axisPointer.axis\">axisPointer.axis</a> 指定坐标轴。</p>\n</li>\n<li><p><code>&#39;none&#39;</code></p>\n<p>  什么都不触发。</p>\n</li>\n</ul>\n"},"axisPointer":{"properties":{"type":{"description":"<p>指示器类型。</p>\n<p>可选</p>\n<ul>\n<li><p><code>&#39;line&#39;</code> 直线指示器</p>\n</li>\n<li><p><code>&#39;shadow&#39;</code> 阴影指示器</p>\n</li>\n<li><p><code>&#39;cross&#39;</code> 十字准星指示器。其实是种简写，表示启用两个正交的轴的 axisPointer。</p>\n</li>\n</ul>\n"},"axis":{"description":"<p>指示器的坐标轴。</p>\n<p>默认情况，坐标系会自动选择显示哪个轴的 axisPointer（默认取类目轴或者时间轴）。</p>\n<p>可以是 <code>&#39;x&#39;</code>, <code>&#39;y&#39;</code>, <code>&#39;radius&#39;</code>, <code>&#39;angle&#39;</code>。</p>\n"},"snap":{"description":"<p>坐标轴指示器是否自动吸附到点上。默认自动判断。</p>\n<p>这个功能在数值轴和时间轴上比较有意义，可以自动寻找细小的数值点。</p>\n"},"z":{"description":"<p>坐标轴指示器的 z 值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示文本标签。如果 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code> 则默认显示标签，否则默认不显示。</p>\n"},"precision":{"description":"<p>文本标签中数值的小数点精度。默认根据当前轴的值自动判断。也可以指定如 <code>2</code> 表示保留两位小数。</p>\n"},"formatter":{"description":"<p>文本标签文字的格式化器。</p>\n<p>如果为 <code>string</code>，可以是例如：<code>formatter: &#39;some text {value} some text</code>，其中 <code>{value}</code> 会被自动替换为轴的值。</p>\n<p>如果为 <code>function</code>，可以是例如：</p>\n<p><strong>参数：</strong></p>\n<p><code>{Object}</code> params: 含有：</p>\n<p><code>{Object}</code> params.value: 轴当前值，如果 axis.type 为 &#39;category&#39; 时，其值为 axis.data 里的数值。如果 axis.type 为 <code>&#39;time&#39;</code>，其值为时间戳。</p>\n<p><code>{Array.&lt;Object&gt;}</code> params.seriesData: 一个数组，是当前 axisPointer 最近的点的信息，每项内容为</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>每项内容还包括轴的信息：</p>\n<pre><code class=\"lang-js\">{\n    axisDim: &#39;x&#39;, // &#39;x&#39;, &#39;y&#39;, &#39;angle&#39;, &#39;radius&#39;, &#39;single&#39;\n    axisId: &#39;xxx&#39;,\n    axisName: &#39;xxx&#39;,\n    axisIndex: 3,\n    axisValue: 121, // 当前 axisPointer 对应的 value。\n    axisValueLabel: &#39;文本&#39;\n}\n</code></pre>\n<p><strong>返回值：</strong></p>\n<p>显示的 string。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">formatter: function (params) {\n    // 假设此轴的 type 为 &#39;time&#39;。\n    return &#39;some text&#39; + echarts.format.formatTime(params.value);\n}\n</code></pre>\n"},"margin":{"description":"<p>label 距离轴的距离。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"padding":{"description":"<p>axisPointer内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"backgroundColor":{"description":"<p>文本标签的背景颜色，默认是和 <a href=\"#xAxis.axisLine.lineStyle.color\">axis.axisLine.lineStyle.color</a> 相同。</p>\n"},"borderColor":{"description":"<p>文本标签的边框颜色。</p>\n"},"borderWidth":{"description":"<p>文本标签的边框宽度。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"shadowStyle":{"properties":{"color":{"description":"<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"crossStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"showContent":{"description":"<p>是否显示提示框浮层，默认显示。只需tooltip触发事件或显示axisPointer而不需要显示内容时可配置该项为<code>false</code>。</p>\n"},"alwaysShowContent":{"description":"<p>是否永远显示提示框内容，默认情况下在移出可触发提示框区域后 <a href=\"#tooltip.hideDelay\">一定时间</a> 后隐藏，设置为 <code>true</code> 可以保证一直显示提示框内容。</p>\n<p>该属性为 ECharts 3.0 中新加。</p>\n"},"triggerOn":{"description":"<p>提示框触发的条件，可选：</p>\n<ul>\n<li><p><code>&#39;mousemove&#39;</code></p>\n<p>  鼠标移动时触发。</p>\n</li>\n<li><p><code>&#39;click&#39;</code></p>\n<p>  鼠标点击时触发。</p>\n</li>\n<li><p><code>&#39;mousemove|click&#39;</code></p>\n<p>  同时鼠标移动和点击时触发。</p>\n</li>\n<li><p><code>&#39;none&#39;</code></p>\n<p>  不在 <code>&#39;mousemove&#39;</code> 或 <code>&#39;click&#39;</code> 时触发，用户可以通过 <a href=\"api.html#action.tooltip.showTip\" target=\"_blank\">action.tooltip.showTip</a> 和 <a href=\"api.html#action.tooltip.hideTip\" target=\"_blank\">action.tooltip.hideTip</a> 来手动触发和隐藏。也可以通过 <a href=\"#xAxis.axisPointer.handle\">axisPointer.handle</a> 来触发或隐藏。</p>\n</li>\n</ul>\n<p>该属性为 ECharts 3.0 中新加。</p>\n"},"showDelay":{"description":"<p>浮层显示的延迟，单位为 ms，默认没有延迟，也不建议设置。在 <a href=\"#tooltip.triggerOn\">triggerOn</a> 为 <code>&#39;mousemove&#39;</code> 时有效。</p>\n"},"hideDelay":{"description":"<p>浮层隐藏的延迟，单位为 ms，在 <a href=\"#tooltip.alwaysShowContent\">alwaysShowContent</a> 为 <code>true</code> 的时候无效。</p>\n"},"enterable":{"description":"<p>鼠标是否可进入提示框浮层中，默认为false，如需详情内交互，如添加链接，按钮，可设置为 <code>true</code>。</p>\n"},"confine":{"description":"<p>是否将 tooltip 框限制在图表的区域内。</p>\n<p>当图表外层的 dom 被设置为 <code>&#39;overflow: hidden&#39;</code>，或者移动端窄屏，导致 tooltip 超出外界被截断时，此配置比较有用。</p>\n"},"transitionDuration":{"description":"<p>提示框浮层的移动动画过渡时间，单位是 s，设置为 0 的时候会紧跟着鼠标移动。</p>\n"},"position":{"description":"<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}},"axisPointer":{"properties":{"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"show":{"description":"<p>默认不显示。但是如果 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 设置为 <code>&#39;axis&#39;</code> 或者 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code>，则自动显示 axisPointer。坐标系会自动选择显示显示哪个轴的 axisPointer，也可以使用 <a href=\"#tooltip.axisPointer.axis\">tooltip.axisPointer.axis</a> 改变这种选择。</p>\n"},"type":{"description":"<p>指示器类型。</p>\n<p>可选</p>\n<ul>\n<li><p><code>&#39;line&#39;</code> 直线指示器</p>\n</li>\n<li><p><code>&#39;shadow&#39;</code> 阴影指示器</p>\n</li>\n</ul>\n"},"snap":{"description":"<p>坐标轴指示器是否自动吸附到点上。默认自动判断。</p>\n<p>这个功能在数值轴和时间轴上比较有意义，可以自动寻找细小的数值点。</p>\n"},"z":{"description":"<p>坐标轴指示器的 z 值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示文本标签。如果 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code> 则默认显示标签，否则默认不显示。</p>\n"},"precision":{"description":"<p>文本标签中数值的小数点精度。默认根据当前轴的值自动判断。也可以指定如 <code>2</code> 表示保留两位小数。</p>\n"},"formatter":{"description":"<p>文本标签文字的格式化器。</p>\n<p>如果为 <code>string</code>，可以是例如：<code>formatter: &#39;some text {value} some text</code>，其中 <code>{value}</code> 会被自动替换为轴的值。</p>\n<p>如果为 <code>function</code>，可以是例如：</p>\n<p><strong>参数：</strong></p>\n<p><code>{Object}</code> params: 含有：</p>\n<p><code>{Object}</code> params.value: 轴当前值，如果 axis.type 为 &#39;category&#39; 时，其值为 axis.data 里的数值。如果 axis.type 为 <code>&#39;time&#39;</code>，其值为时间戳。</p>\n<p><code>{Array.&lt;Object&gt;}</code> params.seriesData: 一个数组，是当前 axisPointer 最近的点的信息，每项内容为</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>每项内容还包括轴的信息：</p>\n<pre><code class=\"lang-js\">{\n    axisDim: &#39;x&#39;, // &#39;x&#39;, &#39;y&#39;, &#39;angle&#39;, &#39;radius&#39;, &#39;single&#39;\n    axisId: &#39;xxx&#39;,\n    axisName: &#39;xxx&#39;,\n    axisIndex: 3,\n    axisValue: 121, // 当前 axisPointer 对应的 value。\n    axisValueLabel: &#39;文本&#39;\n}\n</code></pre>\n<p><strong>返回值：</strong></p>\n<p>显示的 string。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">formatter: function (params) {\n    // 假设此轴的 type 为 &#39;time&#39;。\n    return &#39;some text&#39; + echarts.format.formatTime(params.value);\n}\n</code></pre>\n"},"margin":{"description":"<p>label 距离轴的距离。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"padding":{"description":"<p>axisPointer内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"backgroundColor":{"description":"<p>文本标签的背景颜色，默认是和 <a href=\"#xAxis.axisLine.lineStyle.color\">axis.axisLine.lineStyle.color</a> 相同。</p>\n"},"borderColor":{"description":"<p>文本标签的边框颜色。</p>\n"},"borderWidth":{"description":"<p>文本标签的边框宽度。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"shadowStyle":{"properties":{"color":{"description":"<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"triggerTooltip":{"description":"<p>是否触发 tooltip。如果不想触发 tooltip 可以关掉。</p>\n"},"value":{"description":"<p>当前的 value。在使用 <a href=\"xAxisPointer.handle\" target=\"_blank\">axisPointer.handle</a> 时，可以设置此值进行初始值设定，从而决定 axisPointer 的初始位置。</p>\n"},"status":{"description":"<p>当前的状态，可取值为 <code>&#39;show&#39;</code> 和 <code>&#39;hide&#39;</code>。</p>\n"},"handle":{"properties":{"show":{"description":"<p>当 show 设为 <code>true</code> 时开启，这时显示手柄，并且 axisPointer 会一直显示。</p>\n"},"icon":{"description":"<p>手柄的图标。</p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre><p>参见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/axisPointer-handle-image&amp;edit=1&amp;reset=1\" target=\"_blank\">使用图片的例子</a></p>\n"},"size":{"description":"<p>手柄的尺寸，可以设置单值，如 <code>45</code>，也可以设置为数组：<code>[width, height]</code>。</p>\n"},"margin":{"description":"<p>手柄与轴的距离。注意，这是手柄中心点和轴的距离。</p>\n"},"color":{"description":"<p>手柄颜色。</p>\n"},"throttle":{"description":"<p>手柄拖拽时触发视图更新周期，单位毫秒，调大这个数值可以改善性能，但是降低体验。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"}}},"link":{"description":"<p>不同轴的 axisPointer 可以进行联动，在这里设置。联动表示轴能同步一起活动。轴依据他们的 axisPointer 当前对应的值来联动。</p>\n<p>联动的效果可以看这两个例子：<a href=\"http://echarts.baidu.com/gallery/view.html?c=candlestick-brush&amp;edit=1&amp;reset=1\" target=\"_blank\">例子A</a>，<a href=\"http://echarts.baidu.com/gallery/view.html?c=scatter-nutrients-matrix&amp;edit=1&amp;reset=1\" target=\"_blank\">例子B</a>。</p>\n<p>link 是一个数组，其中每一项表示一个 link group，一个 group 中的坐标轴互相联动。例如：</p>\n<pre><code class=\"lang-js\">link: [\n    {\n        // 表示所有 xAxisIndex 为 0、3、4 和 yAxisName 为 &#39;someName&#39; 的坐标轴联动。\n        xAxisIndex: [0, 3, 4],\n        yAxisName: &#39;someName&#39;\n    },\n    {\n        // 表示左右 xAxisId 为 &#39;aa&#39;、&#39;cc&#39; 以及所有的 angleAxis 联动。\n        xAxisId: [&#39;aa&#39;, &#39;cc&#39;],\n        angleAxis: &#39;all&#39;\n    },\n    ...\n]\n</code></pre>\n<p>如上所示，每个 link group 中可以用这些方式引用坐标轴：</p>\n<pre><code class=\"lang-js\">{\n    // 以下的 &#39;some&#39; 均表示轴的维度，也就是表示 &#39;x&#39;, &#39;y&#39;, &#39;radius&#39;, &#39;angle&#39;, &#39;single&#39;\n    someAxisIndex: [...], // 可以是一个数组或单值或 &#39;all&#39;\n    someAxisName: [...],  // 可以是一个数组或单值或 &#39;all&#39;\n    someAxisId: [...],    // 可以是一个数组或单值或 &#39;all&#39;\n}\n</code></pre>\n<hr>\n<p><strong>如何联动不同类型（<a href=\"#xAxis.type\">axis.type</a>）的轴？</strong></p>\n<p>如果 axis 的类型不同，比如 axisA type 为 &#39;category&#39;，axisB type 为 &#39;time&#39;，可以在每个 link group 中写转换函数（mapper）来进行值的转换，例如：</p>\n<pre><code class=\"lang-js\">link: [{\n    xAxisIndex: [0, 1],\n    yAxisName: [&#39;yy&#39;],\n    mapper: function (sourceVal, sourceAxisInfo, targetAxisInfo) {\n        if (sourceAxisInfo.axisName === &#39;yy&#39;) {\n            // from timestamp to &#39;2012-02-05&#39;\n            return echarts.format.formatTime(&#39;yyyy-MM-dd&#39;, sourceVal);\n        }\n        else if (targetAxisInfo.axisName === &#39;yy&#39;) {\n            // from &#39;2012-02-05&#39; to date\n            return echarts.number.parseDate(dates[sourceVal]);\n        }\n        else {\n            return sourceVal;\n        }\n    }\n}]\n</code></pre>\n<p>mapper 的输入参数：</p>\n<p><code>{number}</code> sourceVal</p>\n<p><code>{Object}</code> sourceAxisInfo 里面包含 {axisDim, axisId, axisName, axisIndex} 等信息</p>\n<p><code>{Object}</code> targetAxisInfo 里面包含 {axisDim, axisId, axisName, axisIndex} 等信息</p>\n<p>mapper 的返回值：</p>\n<p><code>{number}</code> 转换结果</p>\n"},"triggerOn":{"description":"<p>提示框触发的条件，可选：</p>\n<ul>\n<li><p><code>&#39;mousemove&#39;</code></p>\n<p>  鼠标移动时触发。</p>\n</li>\n<li><p><code>&#39;click&#39;</code></p>\n<p>  鼠标点击时触发。</p>\n</li>\n<li><p><code>&#39;none&#39;</code></p>\n<p>  不在 <code>&#39;mousemove&#39;</code> 或 <code>&#39;click&#39;</code> 时触发。</p>\n</li>\n</ul>\n"}}},"toolbox":{"properties":{"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"show":{"description":"<p>是否显示工具栏组件。</p>\n"},"orient":{"description":"<p>工具栏 icon 的布局朝向。</p>\n<p>可选：</p>\n<ul>\n<li>&#39;horizontal&#39;</li>\n<li>&#39;vertical&#39;</li>\n</ul>\n"},"itemSize":{"description":"<p>工具栏 icon 的大小。</p>\n"},"itemGap":{"description":"<p>工具栏 icon 每项之间的间隔。横向布局时为水平间隔，纵向布局时为纵向间隔。</p>\n"},"showTitle":{"description":"<p>是否在鼠标 hover 的时候显示每个工具 icon 的标题。</p>\n"},"feature":{"properties":{"saveAsImage":{"properties":{"type":{"description":"<p>保存的图片格式。支持 <code>&#39;png&#39;</code> 和 <code>&#39;jpeg&#39;</code>。</p>\n"},"name":{"description":"<p>保存的文件名称，默认使用 <a href=\"#title.text\">title.text</a> 作为名称。</p>\n"},"backgroundColor":{"description":"<p>保存的图片背景色，默认使用 <a href=\"#backgroundColor\">backgroundColor</a>，如果<code>backgroundColor</code>不存在的话会取白色。</p>\n"},"excludeComponents":{"description":"<p>保存为图片时忽略的组件列表，默认忽略工具栏。</p>\n"},"show":{"description":"<p>是否显示该工具。</p>\n"},"title":{"description":""},"icon":{"description":"<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"iconStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"textPosition":{"description":"<p>文本位置，<code>&#39;left&#39;</code> / <code>&#39;right&#39;</code> / <code>&#39;top&#39;</code> / <code>&#39;bottom&#39;</code>。</p>\n"},"textAlign":{"description":"<p>文本对齐方式，<code>&#39;left&#39;</code> / <code>&#39;right&#39;</code>。</p>\n"}}},"emphasis":{"properties":{"iconStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"pixelRatio":{"description":"<p>保存图片的分辨率比例，默认跟容器相同大小，如果需要保存更高分辨率的，可以设置为大于 1 的值，例如 2。</p>\n"}}},"restore":{"properties":{"show":{"description":"<p>是否显示该工具。</p>\n"},"title":{"description":""},"icon":{"description":"<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"iconStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"textPosition":{"description":"<p>文本位置，<code>&#39;left&#39;</code> / <code>&#39;right&#39;</code> / <code>&#39;top&#39;</code> / <code>&#39;bottom&#39;</code>。</p>\n"},"textAlign":{"description":"<p>文本对齐方式，<code>&#39;left&#39;</code> / <code>&#39;right&#39;</code>。</p>\n"}}},"emphasis":{"properties":{"iconStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}}}},"dataView":{"properties":{"show":{"description":"<p>是否显示该工具。</p>\n"},"title":{"description":""},"icon":{"description":"<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"iconStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"textPosition":{"description":"<p>文本位置，<code>&#39;left&#39;</code> / <code>&#39;right&#39;</code> / <code>&#39;top&#39;</code> / <code>&#39;bottom&#39;</code>。</p>\n"},"textAlign":{"description":"<p>文本对齐方式，<code>&#39;left&#39;</code> / <code>&#39;right&#39;</code>。</p>\n"}}},"emphasis":{"properties":{"iconStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"readOnly":{"description":"<p>是否不可编辑（只读）。</p>\n"},"optionToContent":{"description":"<pre><code class=\"lang-js\">(option:Object) =&gt; HTMLDomElement|string\n</code></pre>\n<p>自定义 dataView 展现函数，用以取代默认的 textarea 使用更丰富的数据编辑。可以返回 dom 对象或者 html 字符串。</p>\n<p>如下示例使用表格展现数据值：</p>\n<pre><code class=\"lang-js\">optionToContent: function(opt) {\n    var axisData = opt.xAxis[0].data;\n    var series = opt.series;\n    var table = &#39;&lt;table style=&quot;width:100%;text-align:center&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&#39;\n                 + &#39;&lt;td&gt;时间&lt;/td&gt;&#39;\n                 + &#39;&lt;td&gt;&#39; + series[0].name + &#39;&lt;/td&gt;&#39;\n                 + &#39;&lt;td&gt;&#39; + series[1].name + &#39;&lt;/td&gt;&#39;\n                 + &#39;&lt;/tr&gt;&#39;;\n    for (var i = 0, l = axisData.length; i &lt; l; i++) {\n        table += &#39;&lt;tr&gt;&#39;\n                 + &#39;&lt;td&gt;&#39; + axisData[i] + &#39;&lt;/td&gt;&#39;\n                 + &#39;&lt;td&gt;&#39; + series[0].data[i] + &#39;&lt;/td&gt;&#39;\n                 + &#39;&lt;td&gt;&#39; + series[1].data[i] + &#39;&lt;/td&gt;&#39;\n                 + &#39;&lt;/tr&gt;&#39;;\n    }\n    table += &#39;&lt;/tbody&gt;&lt;/table&gt;&#39;;\n    return table;\n}\n</code></pre>\n"},"contentToOption":{"description":"<pre><code class=\"lang-js\">(container:HTMLDomElement, option:Object) =&gt; Object\n</code></pre>\n<p>在使用 optionToContent 的情况下，如果支持数据编辑后的刷新，需要自行通过该函数实现组装 option 的逻辑。</p>\n"},"lang":{"description":"<p>数据视图上有三个话术，默认是<code>[&#39;数据视图&#39;, &#39;关闭&#39;, &#39;刷新&#39;]</code>。</p>\n"},"backgroundColor":{"description":"<p>数据视图浮层背景色。</p>\n"},"textareaColor":{"description":"<p>数据视图浮层文本输入区背景色。</p>\n"},"textareaBorderColor":{"description":"<p>数据视图浮层文本输入区边框颜色。</p>\n"},"textColor":{"description":"<p>文本颜色。</p>\n"},"buttonColor":{"description":"<p>按钮颜色。</p>\n"},"buttonTextColor":{"description":"<p>按钮文本颜色。</p>\n"}}},"dataZoom":{"properties":{"show":{"description":"<p>是否显示该工具。</p>\n"},"title":{"properties":{"zoom":{"description":""},"back":{"description":""}}},"icon":{"properties":{"zoom":{"description":"<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"back":{"description":"<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"}}},"iconStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"textPosition":{"description":"<p>文本位置，<code>&#39;left&#39;</code> / <code>&#39;right&#39;</code> / <code>&#39;top&#39;</code> / <code>&#39;bottom&#39;</code>。</p>\n"},"textAlign":{"description":"<p>文本对齐方式，<code>&#39;left&#39;</code> / <code>&#39;right&#39;</code>。</p>\n"}}},"emphasis":{"properties":{"iconStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"xAxisIndex":{"description":"<p>指定哪些 <a href=\"#xAxis\">xAxis</a> 被控制。如果缺省则控制所有的x轴。如果设置为 <code>false</code> 则不控制任何x轴。如果设置成 <code>3</code> 则控制 axisIndex 为 <code>3</code> 的x轴。如果设置为 <code>[0, 3]</code> 则控制 axisIndex 为 <code>0</code> 和 <code>3</code> 的x轴。</p>\n"},"yAxisIndex":{"description":"<p>指定哪些 <a href=\"#yAxis\">yAxis</a> 被控制。如果缺省则控制所有的y轴。如果设置为 <code>false</code> 则不控制任何y轴。如果设置成 <code>3</code> 则控制 axisIndex 为 <code>3</code> 的y轴。如果设置为 <code>[0, 3]</code> 则控制 axisIndex 为 <code>0</code> 和 <code>3</code> 的y轴。</p>\n"}}},"magicType":{"properties":{"show":{"description":"<p>是否显示该工具。</p>\n"},"type":{"description":"<p>启用的动态类型，包括<code>&#39;line&#39;</code>（切换为折线图）, <code>&#39;bar&#39;</code>（切换为柱状图）, <code>&#39;stack&#39;</code>（切换为堆叠模式）, <code>&#39;tiled&#39;</code>（切换为平铺模式）。</p>\n"},"title":{"properties":{"line":{"description":""},"bar":{"description":""},"stack":{"description":""},"tiled":{"description":""}}},"icon":{"properties":{"line":{"description":"<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"bar":{"description":"<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"stack":{"description":"<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"tiled":{"description":"<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"}}},"iconStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"textPosition":{"description":"<p>文本位置，<code>&#39;left&#39;</code> / <code>&#39;right&#39;</code> / <code>&#39;top&#39;</code> / <code>&#39;bottom&#39;</code>。</p>\n"},"textAlign":{"description":"<p>文本对齐方式，<code>&#39;left&#39;</code> / <code>&#39;right&#39;</code>。</p>\n"}}},"emphasis":{"properties":{"iconStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"option":{"properties":{"line":{"description":""},"bar":{"description":""},"stack":{"description":""},"tiled":{"description":""}}},"seriesIndex":{"properties":{"line":{"description":""},"bar":{"description":""},"stack":{"description":""},"tiled":{"description":""}}}}},"brush":{"properties":{"type":{"description":"<p>使用的按钮，取值：</p>\n<ul>\n<li><code>&#39;rect&#39;</code>：开启矩形选框选择功能。</li>\n<li><code>&#39;polygon&#39;</code>：开启任意形状选框选择功能。</li>\n<li><code>&#39;lineX&#39;</code>：开启横向选择功能。</li>\n<li><code>&#39;lineY&#39;</code>：开启纵向选择功能。</li>\n<li><code>&#39;keep&#39;</code>：切换『单选』和『多选』模式。后者可支持同时画多个选框。前者支持单击清除所有选框。</li>\n<li><code>&#39;clear&#39;</code>：清空所有选框。</li>\n</ul>\n"},"icon":{"properties":{"rect":{"description":"<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"polygon":{"description":"<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"lineX":{"description":"<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"lineY":{"description":"<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"keep":{"description":"<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"clear":{"description":"<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"}}},"title":{"properties":{"rect":{"description":""},"polygon":{"description":""},"lineX":{"description":""},"lineY":{"description":""},"keep":{"description":""},"clear":{"description":""}}}}}}},"iconStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"textPosition":{"description":"<p>文本位置，<code>&#39;left&#39;</code> / <code>&#39;right&#39;</code> / <code>&#39;top&#39;</code> / <code>&#39;bottom&#39;</code>。</p>\n"},"textAlign":{"description":"<p>文本对齐方式，<code>&#39;left&#39;</code> / <code>&#39;right&#39;</code>。</p>\n"}}},"emphasis":{"properties":{"iconStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"zlevel":{"description":"<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"left":{"description":"<p>工具栏组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"top":{"description":"<p>工具栏组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"right":{"description":"<p>工具栏组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n"},"bottom":{"description":"<p>工具栏组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n"},"width":{"description":"<p>工具栏组件的宽度。默认自适应。</p>\n"},"height":{"description":"<p>工具栏组件的高度。默认自适应。</p>\n"}}},"brush":{"properties":{"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"toolbox":{"description":"<p>使用在 toolbox 中的按钮。</p>\n<p>brush 相关的 toolbox 按钮有：</p>\n<ul>\n<li><code>&#39;rect&#39;</code>：开启矩形选框选择功能。</li>\n<li><code>&#39;polygon&#39;</code>：开启任意形状选框选择功能。</li>\n<li><code>&#39;lineX&#39;</code>：开启横向选择功能。</li>\n<li><code>&#39;lineY&#39;</code>：开启纵向选择功能。</li>\n<li><code>&#39;keep&#39;</code>：切换『单选』和『多选』模式。后者可支持同时画多个选框。前者支持单击清除所有选框。</li>\n<li><code>&#39;clear&#39;</code>：清空所有选框。</li>\n</ul>\n"},"brushLink":{"description":"<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>&#39;all&#39;</code> 表示所有 series 都进行 brushLink。</li>\n<li><code>&#39;none&#39;</code> 或 <code>null</code> 或 <code>undefined</code> 表示不启用 brushLink 功能。</li>\n</ul>\n<p><strong>注意</strong></p>\n<p>brushLink 是通过 dataIndex 进行映射，所以需要保证，<strong>联动的每个系列的 <code>data</code> 都是 <code>index</code> 对应的</strong>。*</p>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">option = {\n    brush: {\n        brushLink: [0, 1]\n    },\n    series: [\n        {\n            type: &#39;bar&#39;\n            data: [232,    4434,    545,      654]     // data 有四个项\n        },\n        {\n            type: &#39;parallel&#39;,\n            data: [[4, 5], [3, 5], [66, 33], [99, 66]] // data 同样有四个项，两个系列的 data 是对应的。\n        }\n    ]\n};\n</code></pre>\n"},"seriesIndex":{"description":"<p>指定哪些 series 可以被刷选，可取值为：</p>\n<ul>\n<li><code>&#39;all&#39;</code>: 所有 series</li>\n<li><code>&#39;Array&#39;</code>: series index 列表</li>\n<li><code>&#39;number&#39;</code>: 某个 series index</li>\n</ul>\n"},"geoIndex":{"description":"<p>指定哪些 geo 可以被刷选。</p>\n<p>可以设置 <code>brush</code> 是『全局的』还是『属于坐标系的』。</p>\n<p><strong>全局 brush</strong></p>\n<p>在 echarts 实例中任意地方刷选。这是默认情况。如果没有指定为『坐标系 brush』，就是『全局 brush』。</p>\n<p><strong>坐标系 brush</strong></p>\n<p>在 指定的坐标系中刷选。选框可以跟随坐标系的缩放和平移（roam 和 dataZoom）而移动。</p>\n<p>坐标系 brush 实际更为常用，尤其是在 geo 中。</p>\n<p>通过指定 <a href=\"#brush.geoIndex\">brush.geoIndex</a> 或 <a href=\"#brush.xAxisIndex\">brush.xAxisIndex</a> 或 <a href=\"#brush.yAxisIndex\">brush.yAxisIndex</a> 来规定可以在哪些坐标系中进行刷选。</p>\n<p>这几个配置项的取值可以是：</p>\n<ul>\n<li><code>&#39;all&#39;</code>，表示所有</li>\n<li><code>number</code>，如 <code>0</code>，表示这个 index 所对应的坐标系。</li>\n<li><code>Array</code>，如 <code>[0, 4, 2]</code>，表示指定这些 index 所对应的坐标系。</li>\n<li><code>&#39;none&#39;</code> 或 <code>null</code> 或 <code>undefined</code>，表示不指定。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">option = {\n    geo: {\n        ...\n    },\n    brush: {\n        geoIndex: &#39;all&#39;, // 只可以在所有 geo 坐标系中刷选，也就是上面定义的 geo 组件中。\n        ...\n    }\n};\n</code></pre>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">option = {\n    grid: [\n        {...}, // grid 0\n        {...}  // grid 1\n    ],\n    xAxis: [\n        {gridIndex: 1, ...}, // xAxis 0，属于 grid 1。\n        {gridIndex: 0, ...}  // xAxis 1，属于 grid 0。\n    ],\n    yAxis: [\n        {gridIndex: 1, ...}, // yAxis 0，属于 grid 1。\n        {gridIndex: 0, ...}  // yAxis 1，属于 grid 0。\n    ],\n    brush: {\n        xAxisIndex: [0, 1], // 只可以在 xAxisIndex 为 `0` 和 `1` 的 xAxis 所在的直角坐标系中刷选。\n        ...\n    }\n};\n</code></pre>\n"},"xAxisIndex":{"description":"<p>指定哪些 xAxisIndex 可以被刷选。</p>\n<p>可以设置 <code>brush</code> 是『全局的』还是『属于坐标系的』。</p>\n<p><strong>全局 brush</strong></p>\n<p>在 echarts 实例中任意地方刷选。这是默认情况。如果没有指定为『坐标系 brush』，就是『全局 brush』。</p>\n<p><strong>坐标系 brush</strong></p>\n<p>在 指定的坐标系中刷选。选框可以跟随坐标系的缩放和平移（roam 和 dataZoom）而移动。</p>\n<p>坐标系 brush 实际更为常用，尤其是在 geo 中。</p>\n<p>通过指定 <a href=\"#brush.geoIndex\">brush.geoIndex</a> 或 <a href=\"#brush.xAxisIndex\">brush.xAxisIndex</a> 或 <a href=\"#brush.yAxisIndex\">brush.yAxisIndex</a> 来规定可以在哪些坐标系中进行刷选。</p>\n<p>这几个配置项的取值可以是：</p>\n<ul>\n<li><code>&#39;all&#39;</code>，表示所有</li>\n<li><code>number</code>，如 <code>0</code>，表示这个 index 所对应的坐标系。</li>\n<li><code>Array</code>，如 <code>[0, 4, 2]</code>，表示指定这些 index 所对应的坐标系。</li>\n<li><code>&#39;none&#39;</code> 或 <code>null</code> 或 <code>undefined</code>，表示不指定。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">option = {\n    geo: {\n        ...\n    },\n    brush: {\n        geoIndex: &#39;all&#39;, // 只可以在所有 geo 坐标系中刷选，也就是上面定义的 geo 组件中。\n        ...\n    }\n};\n</code></pre>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">option = {\n    grid: [\n        {...}, // grid 0\n        {...}  // grid 1\n    ],\n    xAxis: [\n        {gridIndex: 1, ...}, // xAxis 0，属于 grid 1。\n        {gridIndex: 0, ...}  // xAxis 1，属于 grid 0。\n    ],\n    yAxis: [\n        {gridIndex: 1, ...}, // yAxis 0，属于 grid 1。\n        {gridIndex: 0, ...}  // yAxis 1，属于 grid 0。\n    ],\n    brush: {\n        xAxisIndex: [0, 1], // 只可以在 xAxisIndex 为 `0` 和 `1` 的 xAxis 所在的直角坐标系中刷选。\n        ...\n    }\n};\n</code></pre>\n"},"yAxisIndex":{"description":"<p>指定哪些 yAxisIndex 可以被刷选。</p>\n<p>可以设置 <code>brush</code> 是『全局的』还是『属于坐标系的』。</p>\n<p><strong>全局 brush</strong></p>\n<p>在 echarts 实例中任意地方刷选。这是默认情况。如果没有指定为『坐标系 brush』，就是『全局 brush』。</p>\n<p><strong>坐标系 brush</strong></p>\n<p>在 指定的坐标系中刷选。选框可以跟随坐标系的缩放和平移（roam 和 dataZoom）而移动。</p>\n<p>坐标系 brush 实际更为常用，尤其是在 geo 中。</p>\n<p>通过指定 <a href=\"#brush.geoIndex\">brush.geoIndex</a> 或 <a href=\"#brush.xAxisIndex\">brush.xAxisIndex</a> 或 <a href=\"#brush.yAxisIndex\">brush.yAxisIndex</a> 来规定可以在哪些坐标系中进行刷选。</p>\n<p>这几个配置项的取值可以是：</p>\n<ul>\n<li><code>&#39;all&#39;</code>，表示所有</li>\n<li><code>number</code>，如 <code>0</code>，表示这个 index 所对应的坐标系。</li>\n<li><code>Array</code>，如 <code>[0, 4, 2]</code>，表示指定这些 index 所对应的坐标系。</li>\n<li><code>&#39;none&#39;</code> 或 <code>null</code> 或 <code>undefined</code>，表示不指定。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">option = {\n    geo: {\n        ...\n    },\n    brush: {\n        geoIndex: &#39;all&#39;, // 只可以在所有 geo 坐标系中刷选，也就是上面定义的 geo 组件中。\n        ...\n    }\n};\n</code></pre>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">option = {\n    grid: [\n        {...}, // grid 0\n        {...}  // grid 1\n    ],\n    xAxis: [\n        {gridIndex: 1, ...}, // xAxis 0，属于 grid 1。\n        {gridIndex: 0, ...}  // xAxis 1，属于 grid 0。\n    ],\n    yAxis: [\n        {gridIndex: 1, ...}, // yAxis 0，属于 grid 1。\n        {gridIndex: 0, ...}  // yAxis 1，属于 grid 0。\n    ],\n    brush: {\n        xAxisIndex: [0, 1], // 只可以在 xAxisIndex 为 `0` 和 `1` 的 xAxis 所在的直角坐标系中刷选。\n        ...\n    }\n};\n</code></pre>\n"},"brushType":{"description":"<p>默认的刷子类型。</p>\n<ul>\n<li><code>&#39;rect&#39;</code>：矩形选框。</li>\n<li><code>&#39;polygon&#39;</code>：任意形状选框。</li>\n<li><code>&#39;lineX&#39;</code>：横向选择。</li>\n<li><code>&#39;lineY&#39;</code>：纵向选择。</li>\n</ul>\n"},"brushMode":{"description":"<p>默认的刷子的模式。可取值为：</p>\n<ul>\n<li><code>&#39;single&#39;</code>：单选。</li>\n<li><code>&#39;multiple&#39;</code>：多选。</li>\n</ul>\n"},"transformable":{"description":"<p>已经选好的选框是否可以被调整形状或平移。</p>\n"},"brushStyle":{"description":"<p>选框的默认样式，值为：</p>\n<pre><code class=\"lang-javascript\">{\n    borderWidth: 1,\n    color: &#39;rgba(120,140,180,0.3)&#39;,\n    borderColor: &#39;rgba(120,140,180,0.8)&#39;\n},\n</code></pre>\n"},"throttleType":{"description":"<p>默认情况，刷选或者移动选区的时候，会不断得发 <code>brushSelected</code> 事件，从而告诉外界选中的内容。</p>\n<p>但是频繁的事件可能导致性能问题，或者动画效果很差。所以 brush 组件提供了 <a href=\"#brush.throttleType\">brush.throttleType</a>，<a href=\"#brush.throttleDelay\">brush.throttleDelay</a> 来解决这个问题。</p>\n<p>throttleType 取值可以是：</p>\n<ul>\n<li><code>&#39;debounce&#39;</code>：表示只有停止动作了（即一段时间没有操作了），才会触发事件。时间阈值由 <a href=\"#brush.throttleDelay\">brush.throttleDelay</a> 指定。</li>\n<li><code>&#39;fixRate&#39;</code>：表示按照一定的频率触发时间，时间间隔由 <a href=\"#brush.throttleDelay\">brush.throttleDelay</a> 指定。</li>\n</ul>\n<p>例如这个 <a href=\"http://echarts.baidu.com/gallery/view.html?c=scatter-map-brush&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>，就是使用了 <code>debounce</code>的效果：只有用户停止动作了，柱状图才更新。不然的话，如果柱状图的频繁更新，那么动画效果很差。</p>\n"},"throttleDelay":{"description":"<p>默认为 <code>0</code> 表示不开启 throttle。</p>\n<p>默认情况，刷选或者移动选区的时候，会不断得发 <code>brushSelected</code> 事件，从而告诉外界选中的内容。</p>\n<p>但是频繁的事件可能导致性能问题，或者动画效果很差。所以 brush 组件提供了 <a href=\"#brush.throttleType\">brush.throttleType</a>，<a href=\"#brush.throttleDelay\">brush.throttleDelay</a> 来解决这个问题。</p>\n<p>throttleType 取值可以是：</p>\n<ul>\n<li><code>&#39;debounce&#39;</code>：表示只有停止动作了（即一段时间没有操作了），才会触发事件。时间阈值由 <a href=\"#brush.throttleDelay\">brush.throttleDelay</a> 指定。</li>\n<li><code>&#39;fixRate&#39;</code>：表示按照一定的频率触发时间，时间间隔由 <a href=\"#brush.throttleDelay\">brush.throttleDelay</a> 指定。</li>\n</ul>\n<p>例如这个 <a href=\"http://echarts.baidu.com/gallery/view.html?c=scatter-map-brush&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>，就是使用了 <code>debounce</code>的效果：只有用户停止动作了，柱状图才更新。不然的话，如果柱状图的频繁更新，那么动画效果很差。</p>\n"},"removeOnClick":{"description":"<p>在 <a href=\"#brush.brushMode\">brush.brushMode</a> 为 <code>&#39;single&#39;</code> 的情况下，是否支持『单击清除所有选框』。</p>\n"},"inBrush":{"description":"<p>定义 <strong>在选中范围中</strong> 的视觉元素。</p>\n<p>可选的视觉元素有：</p>\n<ul>\n<li><code>symbol</code>: 图元的图形类别。</li>\n<li><code>symbolSize</code>: 图元的大小。</li>\n<li><code>color</code>: 图元的颜色。</li>\n<li><code>colorAlpha</code>: 图元的颜色的透明度。</li>\n<li><code>opacity</code>: 图元以及其附属物（如文字标签）的透明度。</li>\n<li><code>colorLightness</code>: 颜色的明暗度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorSaturation</code>: 颜色的饱和度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorHue</code>: 颜色的色调，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n</ul>\n<p>大多数情况下，inBrush 可以不指定，维持本来的视觉配置。</p>\n"},"outOfBrush":{"description":"<p>定义 <strong>在选中范围外</strong> 的视觉元素。</p>\n<p>可选的视觉元素有：</p>\n<ul>\n<li><code>symbol</code>: 图元的图形类别。</li>\n<li><code>symbolSize</code>: 图元的大小。</li>\n<li><code>color</code>: 图元的颜色。</li>\n<li><code>colorAlpha</code>: 图元的颜色的透明度。</li>\n<li><code>opacity</code>: 图元以及其附属物（如文字标签）的透明度。</li>\n<li><code>colorLightness</code>: 颜色的明暗度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorSaturation</code>: 颜色的饱和度，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n<li><code>colorHue</code>: 颜色的色调，参见 <a href=\"https://en.wikipedia.org/wiki/HSL_and_HSV\" target=\"_blank\">HSL</a>。</li>\n</ul>\n<p><strong>注意</strong>，如果 outOfBrush 没有指定，默认会设置 color: <code>&#39;#ddd&#39;</code>，如果你不想要这个color，比如可以\n换成：</p>\n<pre><code class=\"lang-javascript\">brush: {\n    ...,\n    outOfBrush: {\n        colorAlpha: 0.1\n    }\n}\n</code></pre>\n"},"z":{"description":"<p>brush 选框的 z-index。当有和不想管组件有不正确的重叠时，可以进行调整。</p>\n"}}},"geo":{"properties":{"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"show":{"description":"<p>是否显示地理坐标系组件。</p>\n"},"map":{"description":"<p>地图类型。</p>\n<p>ECharts 3 中因为地图精度的提高，不再内置地图数据增大代码体积，你可以在<a href=\"http://ecomfe.github.io/echarts-builder-web/map3.html\" target=\"_blank\">地图下载界面</a>下载到需要的地图文件引入并注册到 ECharts 中。</p>\n<p>ECharts 中提供了两种格式的地图数据，一种是可以直接 script 标签引入的 js 文件，引入后会自动注册地图名字和数据。还有一种是 JSON 文件，需要通过 AJAX 异步加载后手动注册。</p>\n<p>下面是两种类型的使用示例：</p>\n<p><strong> JavaScript 引入示例 </strong></p>\n<pre><code class=\"lang-html\">&lt;script src=&quot;echarts.js&quot;&gt;&lt;/script&gt;\n&lt;script src=&quot;map/js/china.js&quot;&gt;&lt;/script&gt;\n&lt;script&gt;\nvar chart = echarts.init(document.getElementById(&#39;main&#39;));\nchart.setOption({\n    series: [{\n        type: &#39;map&#39;,\n        map: &#39;china&#39;\n    }]\n});\n&lt;/script&gt;\n</code></pre>\n<p><strong> JSON 引入示例 </strong></p>\n<pre><code class=\"lang-js\">$.get(&#39;map/json/china.json&#39;, function (chinaJson) {\n    echarts.registerMap(&#39;china&#39;, chinaJson);\n    var chart = echarts.init(document.getElementById(&#39;main&#39;));\n    chart.setOption({\n        series: [{\n            type: &#39;map&#39;,\n            map: &#39;china&#39;\n        }]\n    });\n});\n</code></pre>\n<p>ECharts 使用 <a href=\"http://geojson.org/\" target=\"_blank\">geoJSON</a> 格式的数据作为地图的轮廓，除了上述数据，你也可以通过其它手段获取地图的 <a href=\"http://geojson.org/\" target=\"_blank\">geoJSON</a> 数据注册到 ECharts 中。参见示例 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=map-usa\" target=\"_blank\">USA Population Estimates</a></p>\n"},"roam":{"description":"<p>是否开启鼠标缩放和平移漫游。默认不开启。如果只想要开启缩放或者平移，可以设置成 <code>&#39;scale&#39;</code> 或者 <code>&#39;move&#39;</code>。设置成 <code>true</code> 为都开启</p>\n"},"center":{"description":"<p>当前视角的中心点，用经纬度表示</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">center: [115.97, 29.71]\n</code></pre>\n"},"aspectScale":{"description":"<p>这个参数用于 scale 地图的长宽比。</p>\n<p>最终的 <code>aspect</code> 的计算方式是：<code>geoBoundingRect.width / geoBoundingRect.height * aspectScale</code></p>\n"},"boundingCoords":{"description":"<p>二维数组，定义定位的左上角以及右下角分别所对应的经纬度。例如</p>\n<pre><code class=\"lang-js\">// 设置为一张完整经纬度的世界地图\nmap: &#39;world&#39;,\nleft: 0, top: 0, right: 0, bottom: 0,\nboundingCoords: [\n    // 定位左上角经纬度\n    [-180, 90],\n    // 定位右下角经纬度\n    [180, -90]\n],\n</code></pre>\n"},"zoom":{"description":"<p>当前视角的缩放比例。</p>\n"},"scaleLimit":{"properties":{"min":{"description":"<p>最小的缩放值</p>\n"},"max":{"description":"<p>最大的缩放值</p>\n"}}},"nameMap":{"description":"<p>自定义地区的名称映射，如：</p>\n<pre><code class=\"lang-js\">{\n    &#39;China&#39; : &#39;中国&#39;\n}\n</code></pre>\n"},"selectedMode":{"description":"<p>选中模式，表示是否支持多个选中，默认关闭，支持布尔值和字符串，字符串取值可选<code>&#39;single&#39;</code>表示单选，或者<code>&#39;multiple&#39;</code>表示多选。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"areaColor":{"description":"<p>地图区域的颜色。</p>\n"},"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"areaColor":{"description":"<p>地图区域的颜色。</p>\n"},"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"zlevel":{"description":"<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"left":{"description":"<p>组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"top":{"description":"<p>组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"right":{"description":"<p>组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n"},"bottom":{"description":"<p>组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n"},"layoutCenter":{"description":"<p><code>layoutCenter</code> 和 <code>layoutSize</code> 提供了除了 <code>left/right/top/bottom/width/height</code> 之外的布局手段。</p>\n<p>在使用 <code>left/right/top/bottom/width/height</code> 的时候，可能很难在保持地图高宽比的情况下把地图放在某个盒形区域的正中间，并且保证不超出盒形的范围。此时可以通过 <code>layoutCenter</code> 属性定义地图中心在屏幕中的位置，<code>layoutSize</code> 定义地图的大小。如下示例</p>\n<pre><code class=\"lang-js\">layoutCenter: [&#39;30%&#39;, &#39;30%&#39;],\n// 如果宽高比大于 1 则宽度为 100，如果小于 1 则高度为 100，保证了不超过 100x100 的区域\nlayoutSize: 100\n</code></pre>\n<p>设置这两个值后 <code>left/right/top/bottom/width/height</code> 无效。</p>\n"},"layoutSize":{"description":"<p>地图的大小，见 <code>layoutCenter</code>。支持相对于屏幕宽高的百分比或者绝对的像素大小。</p>\n"},"regions":{"items":{"properties":{"name":{"description":"<p>地图区域的名称，例如 <code>&#39;广东&#39;</code>，<code>&#39;浙江&#39;</code>。</p>\n"},"selected":{"description":"<p>该区域是否选中。</p>\n"},"itemStyle":{"properties":{"areaColor":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"areaColor":{"description":"<p>地图区域的颜色。</p>\n"},"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}}},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"}}},"parallel":{"properties":{"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"zlevel":{"description":"<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"left":{"description":"<p>parallel 组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"top":{"description":"<p>parallel 组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"right":{"description":"<p>parallel 组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n"},"bottom":{"description":"<p>parallel 组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n"},"width":{"description":"<p>parallel 组件的宽度。默认自适应。</p>\n"},"height":{"description":"<p>parallel 组件的高度。默认自适应。</p>\n"},"layout":{"description":"<p>布局方式，可选值为：</p>\n<ul>\n<li><p><code>&#39;horizontal&#39;</code>：水平排布各个坐标轴。</p>\n</li>\n<li><p><code>&#39;vertical&#39;</code>：竖直排布各个坐标轴。</p>\n</li>\n</ul>\n"},"axisExpandable":{"description":"<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<p>是否允许点击展开折叠 axis。</p>\n"},"axisExpandCenter":{"description":"<p>初始时，以哪个轴为中心展开，这里给出轴的 index。没有默认值，需要手动指定。</p>\n<p>参见 <a href=\"parallel.axisExpandable\" target=\"_blank\">parallel.axisExpandable</a></p>\n"},"axisExpandCount":{"description":"<p>初始时，有多少个轴会处于展开状态。建议根据你的维度个数而手动指定。</p>\n<p>参见 <a href=\"parallel.axisExpandCenter\" target=\"_blank\">parallel.axisExpandCenter</a>\n参见 <a href=\"parallel.axisExpandable\" target=\"_blank\">parallel.axisExpandable</a></p>\n"},"axisExpandWidth":{"description":"<p>在展开状态，轴的间距是多少，单位为像素。</p>\n<p>参见 <a href=\"parallel.axisExpandable\" target=\"_blank\">parallel.axisExpandable</a></p>\n"},"axisExpandTriggerOn":{"description":"<p>可取值：</p>\n<ul>\n<li><code>&#39;click&#39;</code>：鼠标点击的时候 expand。</li>\n<li><code>&#39;mousemove&#39;</code>：鼠标悬浮的时候 expand。</li>\n</ul>\n"},"parallelAxisDefault":{"properties":{"type":{"description":"<p>坐标轴类型。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>&#39;value&#39;</code>\n  数值轴，适用于连续数据。</p>\n</li>\n<li><p><code>&#39;category&#39;</code>\n  类目轴，适用于离散的类目数据，为该类型时必须通过 <a href=\"#parallelAxis.data\">data</a> 设置类目数据。</p>\n</li>\n<li><p><code>&#39;time&#39;</code>\n  时间轴，适用于连续的时序数据，与数值轴相比时间轴带有时间的格式化，在刻度计算上也有所不同，例如会根据跨度的范围来决定使用月，星期，日还是小时范围的刻度。</p>\n</li>\n<li><p><code>&#39;log&#39;</code>\n  对数轴。适用于对数数据。</p>\n</li>\n</ul>\n"},"name":{"description":"<p>坐标轴名称。</p>\n"},"nameLocation":{"description":"<p>坐标轴名称显示位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><code>&#39;start&#39;</code></li>\n<li><code>&#39;middle&#39;</code> 或者 <code>&#39;center&#39;</code></li>\n<li><code>&#39;end&#39;</code></li>\n</ul>\n"},"nameTextStyle":{"properties":{"color":{"description":"<p>坐标轴名称的颜色，默认取 <a href=\"#parallelAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。</p>\n"},"fontStyle":{"description":"<p>坐标轴名称文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>坐标轴名称文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>坐标轴名称文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>坐标轴名称文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n<!-- Overwrite color -->"}}}}}}},"nameGap":{"description":"<p>坐标轴名称与轴线之间的距离。</p>\n"},"nameRotate":{"description":"<p>坐标轴名字旋转，角度值。</p>\n"},"inverse":{"description":"<p>是否是反向坐标轴。ECharts 3 中新加。</p>\n"},"boundaryGap":{"description":"<p>坐标轴两边留白策略，类目轴和非类目轴的设置和表现不一样。</p>\n<p>类目轴中 <code>boundaryGap</code> 可以配置为 <code>true</code> 和 <code>false</code>。默认为 <code>true</code>，这时候<a href=\"#parallelAxis.axisTick\">刻度</a>只是作为分隔线，标签和数据点都会在两个<a href=\"#parallelAxis.axisTick\">刻度</a>之间的带(band)中间。</p>\n<p>非类目轴，包括时间，数值，对数轴，<code>boundaryGap</code>是一个两个值的数组，分别表示数据最小值和最大值的延伸范围，可以直接设置数值或者相对的百分比，在设置 <a href=\"#parallelAxis.min\">min</a> 和 <a href=\"#parallelAxis.max\">max</a> 后无效。\n<strong>示例：</strong></p>\n<pre><code class=\"lang-js\">boundaryGap: [&#39;20%&#39;, &#39;20%&#39;]\n</code></pre>\n"},"min":{"description":"<p>坐标轴刻度最小值。</p>\n<p>可以设置成特殊值 <code>&#39;dataMin&#39;</code>，此时取数据在该轴上的最小值作为最小刻度。</p>\n<p>不设置时会自动计算最小值保证坐标轴刻度的均匀分布。</p>\n<p>在类目轴中，也可以设置为类目的序数（如类目轴 <code>data: [&#39;类A&#39;, &#39;类B&#39;, &#39;类C&#39;]</code> 中，序数 <code>2</code> 表示 <code>&#39;类C&#39;</code>。也可以设置为负数，如 <code>-3</code>）。</p>\n<p>当设置成 <code>function</code> 形式时，可以根据计算得出的数据最大最小值设定坐标轴的最小值。如：</p>\n<pre><code>min: function(value) {\n    return value.min - 20;\n}\n</code></pre><p>其中 <code>value</code> 是一个包含 <code>min</code> 和 <code>max</code> 的对象，分别表示数据的最大最小值，这个函数应该返回坐标轴的最小值。</p>\n"},"max":{"description":"<p>坐标轴刻度最大值。</p>\n<p>可以设置成特殊值 <code>&#39;dataMax&#39;</code>，此时取数据在该轴上的最大值作为最大刻度。</p>\n<p>不设置时会自动计算最大值保证坐标轴刻度的均匀分布。</p>\n<p>在类目轴中，也可以设置为类目的序数（如类目轴 <code>data: [&#39;类A&#39;, &#39;类B&#39;, &#39;类C&#39;]</code> 中，序数 <code>2</code> 表示 <code>&#39;类C&#39;</code>。也可以设置为负数，如 <code>-3</code>）。</p>\n<p>当设置成 <code>function</code> 形式时，可以根据计算得出的数据最大最小值设定坐标轴的最小值。如：</p>\n<pre><code>max: function(value) {\n    return value.max - 20;\n}\n</code></pre><p>其中 <code>value</code> 是一个包含 <code>min</code> 和 <code>max</code> 的对象，分别表示数据的最大最小值，这个函数应该返回坐标轴的最大值。</p>\n"},"scale":{"description":"<p>只在数值轴中（<a href=\"#parallelAxis.type\">type</a>: &#39;value&#39;）有效。</p>\n<p>是否是脱离 0 值比例。设置成 <code>true</code> 后坐标刻度不会强制包含零刻度。在双数值轴的散点图中比较有用。</p>\n<p>在设置 <a href=\"#parallelAxis.min\">min</a> 和 <a href=\"#parallelAxis.max\">max</a> 之后该配置项无效。</p>\n"},"splitNumber":{"description":"<p>坐标轴的分割段数，需要注意的是这个分割段数只是个预估值，最后实际显示的段数会在这个基础上根据分割后坐标轴刻度显示的易读程度作调整。</p>\n<p>在类目轴中无效。</p>\n"},"minInterval":{"description":"<p>自动计算的坐标轴最小间隔大小。</p>\n<p>例如可以设置成<code>1</code>保证坐标轴分割刻度显示成整数。</p>\n<pre><code class=\"lang-js\">{\n    minInterval: 1\n}\n</code></pre>\n<p>只在数值轴或时间轴中（<a href=\"#parallelAxis.type\">type</a>: &#39;value&#39; 或 &#39;time&#39;）有效。</p>\n"},"maxInterval":{"description":"<p>自动计算的坐标轴最大间隔大小。</p>\n<p>例如，在时间轴（（<a href=\"#parallelAxis.type\">type</a>: &#39;time&#39;））可以设置成 <code>3600 * 24 * 1000</code> 保证坐标轴分割刻度最大为一天。</p>\n<pre><code class=\"lang-js\">{\n    maxInterval: 3600 * 24 * 1000\n}\n</code></pre>\n<p>只在数值轴或时间轴中（<a href=\"#parallelAxis.type\">type</a>: &#39;value&#39; 或 &#39;time&#39;）有效。</p>\n"},"interval":{"description":"<p>强制设置坐标轴分割间隔。</p>\n<p>因为 <a href=\"#parallelAxis.splitNumber\">splitNumber</a> 是预估的值，实际根据策略计算出来的刻度可能无法达到想要的效果，这时候可以使用 interval 配合 <a href=\"#parallelAxis.min\">min</a>、<a href=\"#parallelAxis.max\">max</a> 强制设定刻度划分，一般不建议使用。</p>\n<p>无法在类目轴中使用。在时间轴（<a href=\"#parallelAxis.type\">type</a>: &#39;time&#39;）中需要传时间戳，在对数轴（<a href=\"#parallelAxis.type\">type</a>: &#39;log&#39;）中需要传指数值。</p>\n"},"logBase":{"description":"<p>对数轴的底数，只在对数轴中（<a href=\"#parallelAxis.type\">type</a>: &#39;log&#39;）有效。</p>\n"},"silent":{"description":"<p>坐标轴是否是静态无法交互。</p>\n"},"triggerEvent":{"description":"<p>坐标轴的标签是否响应和触发鼠标事件，默认不响应。</p>\n<p>事件参数如下：</p>\n<pre><code class=\"lang-js\">{\n    // 组件类型，xAxis, yAxis, radiusAxis, angleAxis\n    // 对应组件类型都会有一个属性表示组件的 index，例如 xAxis 就是 xAxisIndex\n    componentType: string,\n    // 未格式化过的刻度值, 点击刻度标签有效\n    value: &#39;&#39;,\n    // 坐标轴名称, 点击坐标轴名称有效\n    name: &#39;&#39;\n}\n</code></pre>\n"},"axisLine":{"properties":{"show":{"description":"<p>是否显示坐标轴轴线。</p>\n"},"symbol":{"description":"<p>轴线两边的箭头。可以是字符串，表示两端使用同样的箭头；或者长度为 2 的字符串数组，分别表示两端的箭头。默认不显示箭头，即 <code>&#39;none&#39;</code>。两端都显示箭头可以设置为 <code>&#39;arrow&#39;</code>，只在末端显示箭头可以设置为 <code>[&#39;none&#39;, &#39;arrow&#39;]</code>。</p>\n"},"symbolSize":{"description":"<p>轴线两边的箭头的大小，第一个数字表示宽度（垂直坐标轴方向），第二个数字表示高度（平行坐标轴方向）。</p>\n"},"symbolOffset":{"description":"<p>轴线两边的箭头的偏移，如果是数组，第一个数字表示起始箭头的偏移，第二个数字表示末端箭头的偏移；如果是数字，表示这两个箭头使用同样的偏移。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>坐标轴线线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>坐标轴线线宽。</p>\n"},"type":{"description":"<p>坐标轴线线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"axisTick":{"properties":{"show":{"description":"<p>是否显示坐标轴刻度。</p>\n"},"alignWithLabel":{"description":"<p>类目轴中在 <code>boundaryGap</code> 为 <code>true</code> 的时候有效，可以保证刻度线和标签对齐。如下图：</p>\n<p><img width=\"600\" height=\"auto\" src=\"documents/asset/img/axis-align-with-label.png\"></p>\n"},"interval":{"description":"<p>坐标轴刻度的显示间隔，在类目轴中有效。默认同 <a href=\"#parallelAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n"},"inside":{"description":"<p>坐标轴刻度是否朝内，默认朝外。</p>\n"},"length":{"description":"<p>坐标轴刻度的长度。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>刻度线的颜色，默认取 <a href=\"#parallelAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。</p>\n"},"width":{"description":"<p>坐标轴刻度线宽。</p>\n"},"type":{"description":"<p>坐标轴刻度线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<!-- Overwrite color -->"}}}}},"axisLabel":{"properties":{"show":{"description":"<p>是否显示刻度标签。</p>\n"},"interval":{"description":"<p>坐标轴刻度标签的显示间隔，在类目轴中有效。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n"},"inside":{"description":"<p>刻度标签是否朝内，默认朝外。</p>\n"},"rotate":{"description":"<p>刻度标签旋转的角度，在类目轴的类目标签显示不下的时候可以通过旋转防止标签之间重叠。</p>\n<p>旋转的角度从 -90 度到 90 度。</p>\n"},"margin":{"description":"<p>刻度标签与轴线之间的距离。</p>\n"},"formatter":{"description":"<p>刻度标签的内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p>示例:</p>\n<pre><code class=\"lang-js\">// 使用字符串模板，模板变量为刻度默认标签 {value}\nformatter: &#39;{value} kg&#39;\n\n// 使用函数模板，函数参数分别为刻度数值（类目），刻度的索引\nformatter: function (value, index) {\n    // 格式化成月/日，只在第一个刻度显示年份\n    var date = new Date(value);\n    var texts = [(date.getMonth() + 1), date.getDate()];\n    if (index === 0) {\n        texts.unshift(date.getYear());\n    }\n    return texts.join(&#39;/&#39;);\n}\n</code></pre>\n"},"showMinLabel":{"description":"<p>是否显示最小 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最小 tick 的 label）。</p>\n"},"showMaxLabel":{"description":"<p>是否显示最大 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最大 tick 的 label）。</p>\n"},"color":{"description":"<p>刻度标签文字的颜色，默认取 <a href=\"#parallelAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。支持回调函数，格式如下</p>\n<pre><code class=\"lang-js\">(val: string) =&gt; Color\n</code></pre>\n<p>参数是标签的文本，返回颜色值，如下示例：</p>\n<pre><code class=\"lang-js\">textStyle: {\n    color: function (value, index) {\n        return value &gt;= 0 ? &#39;green&#39; : &#39;red&#39;;\n    }\n}\n</code></pre>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n<!-- Overwrite color -->"}}}}}}},"data":{"items":{"properties":{"value":{"description":"<p>单个类目名称。</p>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}}}}},"parallelAxis":{"properties":{"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"dim":{"description":"<p>坐标轴的维度序号。</p>\n<p>例如 <a href=\"#series-parallel.data\">series-parallel.data</a> 中有如下数据：</p>\n<pre><code class=\"lang-javascript\">[\n    [1,  55,  9,   56,  0.46,  18,  6,  &#39;良&#39;],\n    [2,  25,  11,  21,  0.65,  34,  9,  &#39;优&#39;],\n    [3,  56,  7,   63,  0.3,   14,  5,  &#39;良&#39;],\n    [4,  33,  7,   29,  0.33,  16,  6,  &#39;优&#39;],\n    { // 数据项也可以是 Object，从而里面能含有对线条的特殊设置。\n        value: [5,  42,  24,  44,  0.76,  40,  16, &#39;优&#39;]\n        lineStyle: {...},\n    }\n    ...\n]\n</code></pre>\n<p>数据中，每一行是一个『数据项』，每一列属于一个『维度』。（例如上面数据每一列的含义分别是：『日期』,『AQI指数』, 『PM2.5』, 『PM10』, 『一氧化碳值』, 『二氧化氮值』, 『二氧化硫值』）。</p>\n<p><code>dim</code> 定义了数据的哪个维度（即哪个『列』）会对应到此坐标轴上。</p>\n<p>从 <code>0</code> 开始计数。例如，假设坐标轴的 <code>dim</code> 为 <code>1</code>，则表示数据中的第二列会对应到此坐标轴上。</p>\n"},"parallelIndex":{"description":"<p>用于定义『坐标轴』对应到哪个『坐标系』中。</p>\n<p>比如有如下配置：</p>\n<pre><code class=\"lang-javascript\">myChart.setOption({\n    parallel: [\n        {...},                      // 第一个平行坐标系\n        {...}                       // 第二个平行坐标系\n    ],\n    parallelAxis: [\n        {parallelIndex: 1, ...},    // 第一个坐标轴，对应到第二个平行坐标系\n        {parallelIndex: 0, ...},    // 第二个坐标轴，对应到第一个平行坐标系\n        {parallelIndex: 1, ...},    // 第三个坐标轴，对应到第二个平行坐标系\n        {parallelIndex: 0, ...}     // 第四个坐标轴，对应到第一个平行坐标系\n    ],\n    ...\n});\n</code></pre>\n<p>只有一个平行坐标系时可不用设置，自动取默认值 <code>0</code>。</p>\n"},"realtime":{"description":"<p>是否坐标轴刷选的时候，实时刷新视图。如果设为 <code>false</code>，则在刷选动作结束时候，才刷新视图。</p>\n<p>大数据量时，建议设置成 <code>false</code>，从而避免卡顿。</p>\n"},"areaSelectStyle":{"properties":{"width":{"description":"<p>框选范围的宽度。</p>\n"},"borderWidth":{"description":"<p>选框的边框宽度。</p>\n"},"borderColor":{"description":"<p>选框的边框颜色。</p>\n"},"color":{"description":"<p>选框的填充色。</p>\n"},"opacity":{"description":"<p>选框的透明度。</p>\n"}}},"type":{"description":"<p>坐标轴类型。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>&#39;value&#39;</code>\n  数值轴，适用于连续数据。</p>\n</li>\n<li><p><code>&#39;category&#39;</code>\n  类目轴，适用于离散的类目数据，为该类型时必须通过 <a href=\"#parallelAxis.data\">data</a> 设置类目数据。</p>\n</li>\n<li><p><code>&#39;time&#39;</code>\n  时间轴，适用于连续的时序数据，与数值轴相比时间轴带有时间的格式化，在刻度计算上也有所不同，例如会根据跨度的范围来决定使用月，星期，日还是小时范围的刻度。</p>\n</li>\n<li><p><code>&#39;log&#39;</code>\n  对数轴。适用于对数数据。</p>\n</li>\n</ul>\n"},"name":{"description":"<p>坐标轴名称。</p>\n"},"nameLocation":{"description":"<p>坐标轴名称显示位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><code>&#39;start&#39;</code></li>\n<li><code>&#39;middle&#39;</code> 或者 <code>&#39;center&#39;</code></li>\n<li><code>&#39;end&#39;</code></li>\n</ul>\n"},"nameTextStyle":{"properties":{"color":{"description":"<p>坐标轴名称的颜色，默认取 <a href=\"#parallelAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。</p>\n"},"fontStyle":{"description":"<p>坐标轴名称文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>坐标轴名称文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>坐标轴名称文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>坐标轴名称文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n<!-- Overwrite color -->"}}}}}}},"nameGap":{"description":"<p>坐标轴名称与轴线之间的距离。</p>\n"},"nameRotate":{"description":"<p>坐标轴名字旋转，角度值。</p>\n"},"inverse":{"description":"<p>是否是反向坐标轴。ECharts 3 中新加。</p>\n"},"boundaryGap":{"description":"<p>坐标轴两边留白策略，类目轴和非类目轴的设置和表现不一样。</p>\n<p>类目轴中 <code>boundaryGap</code> 可以配置为 <code>true</code> 和 <code>false</code>。默认为 <code>true</code>，这时候<a href=\"#parallelAxis.axisTick\">刻度</a>只是作为分隔线，标签和数据点都会在两个<a href=\"#parallelAxis.axisTick\">刻度</a>之间的带(band)中间。</p>\n<p>非类目轴，包括时间，数值，对数轴，<code>boundaryGap</code>是一个两个值的数组，分别表示数据最小值和最大值的延伸范围，可以直接设置数值或者相对的百分比，在设置 <a href=\"#parallelAxis.min\">min</a> 和 <a href=\"#parallelAxis.max\">max</a> 后无效。\n<strong>示例：</strong></p>\n<pre><code class=\"lang-js\">boundaryGap: [&#39;20%&#39;, &#39;20%&#39;]\n</code></pre>\n"},"min":{"description":"<p>坐标轴刻度最小值。</p>\n<p>可以设置成特殊值 <code>&#39;dataMin&#39;</code>，此时取数据在该轴上的最小值作为最小刻度。</p>\n<p>不设置时会自动计算最小值保证坐标轴刻度的均匀分布。</p>\n<p>在类目轴中，也可以设置为类目的序数（如类目轴 <code>data: [&#39;类A&#39;, &#39;类B&#39;, &#39;类C&#39;]</code> 中，序数 <code>2</code> 表示 <code>&#39;类C&#39;</code>。也可以设置为负数，如 <code>-3</code>）。</p>\n<p>当设置成 <code>function</code> 形式时，可以根据计算得出的数据最大最小值设定坐标轴的最小值。如：</p>\n<pre><code>min: function(value) {\n    return value.min - 20;\n}\n</code></pre><p>其中 <code>value</code> 是一个包含 <code>min</code> 和 <code>max</code> 的对象，分别表示数据的最大最小值，这个函数应该返回坐标轴的最小值。</p>\n"},"max":{"description":"<p>坐标轴刻度最大值。</p>\n<p>可以设置成特殊值 <code>&#39;dataMax&#39;</code>，此时取数据在该轴上的最大值作为最大刻度。</p>\n<p>不设置时会自动计算最大值保证坐标轴刻度的均匀分布。</p>\n<p>在类目轴中，也可以设置为类目的序数（如类目轴 <code>data: [&#39;类A&#39;, &#39;类B&#39;, &#39;类C&#39;]</code> 中，序数 <code>2</code> 表示 <code>&#39;类C&#39;</code>。也可以设置为负数，如 <code>-3</code>）。</p>\n<p>当设置成 <code>function</code> 形式时，可以根据计算得出的数据最大最小值设定坐标轴的最小值。如：</p>\n<pre><code>max: function(value) {\n    return value.max - 20;\n}\n</code></pre><p>其中 <code>value</code> 是一个包含 <code>min</code> 和 <code>max</code> 的对象，分别表示数据的最大最小值，这个函数应该返回坐标轴的最大值。</p>\n"},"scale":{"description":"<p>只在数值轴中（<a href=\"#parallelAxis.type\">type</a>: &#39;value&#39;）有效。</p>\n<p>是否是脱离 0 值比例。设置成 <code>true</code> 后坐标刻度不会强制包含零刻度。在双数值轴的散点图中比较有用。</p>\n<p>在设置 <a href=\"#parallelAxis.min\">min</a> 和 <a href=\"#parallelAxis.max\">max</a> 之后该配置项无效。</p>\n"},"splitNumber":{"description":"<p>坐标轴的分割段数，需要注意的是这个分割段数只是个预估值，最后实际显示的段数会在这个基础上根据分割后坐标轴刻度显示的易读程度作调整。</p>\n<p>在类目轴中无效。</p>\n"},"minInterval":{"description":"<p>自动计算的坐标轴最小间隔大小。</p>\n<p>例如可以设置成<code>1</code>保证坐标轴分割刻度显示成整数。</p>\n<pre><code class=\"lang-js\">{\n    minInterval: 1\n}\n</code></pre>\n<p>只在数值轴或时间轴中（<a href=\"#parallelAxis.type\">type</a>: &#39;value&#39; 或 &#39;time&#39;）有效。</p>\n"},"maxInterval":{"description":"<p>自动计算的坐标轴最大间隔大小。</p>\n<p>例如，在时间轴（（<a href=\"#parallelAxis.type\">type</a>: &#39;time&#39;））可以设置成 <code>3600 * 24 * 1000</code> 保证坐标轴分割刻度最大为一天。</p>\n<pre><code class=\"lang-js\">{\n    maxInterval: 3600 * 24 * 1000\n}\n</code></pre>\n<p>只在数值轴或时间轴中（<a href=\"#parallelAxis.type\">type</a>: &#39;value&#39; 或 &#39;time&#39;）有效。</p>\n"},"interval":{"description":"<p>强制设置坐标轴分割间隔。</p>\n<p>因为 <a href=\"#parallelAxis.splitNumber\">splitNumber</a> 是预估的值，实际根据策略计算出来的刻度可能无法达到想要的效果，这时候可以使用 interval 配合 <a href=\"#parallelAxis.min\">min</a>、<a href=\"#parallelAxis.max\">max</a> 强制设定刻度划分，一般不建议使用。</p>\n<p>无法在类目轴中使用。在时间轴（<a href=\"#parallelAxis.type\">type</a>: &#39;time&#39;）中需要传时间戳，在对数轴（<a href=\"#parallelAxis.type\">type</a>: &#39;log&#39;）中需要传指数值。</p>\n"},"logBase":{"description":"<p>对数轴的底数，只在对数轴中（<a href=\"#parallelAxis.type\">type</a>: &#39;log&#39;）有效。</p>\n"},"silent":{"description":"<p>坐标轴是否是静态无法交互。</p>\n"},"triggerEvent":{"description":"<p>坐标轴的标签是否响应和触发鼠标事件，默认不响应。</p>\n<p>事件参数如下：</p>\n<pre><code class=\"lang-js\">{\n    // 组件类型，xAxis, yAxis, radiusAxis, angleAxis\n    // 对应组件类型都会有一个属性表示组件的 index，例如 xAxis 就是 xAxisIndex\n    componentType: string,\n    // 未格式化过的刻度值, 点击刻度标签有效\n    value: &#39;&#39;,\n    // 坐标轴名称, 点击坐标轴名称有效\n    name: &#39;&#39;\n}\n</code></pre>\n"},"axisLine":{"properties":{"show":{"description":"<p>是否显示坐标轴轴线。</p>\n"},"symbol":{"description":"<p>轴线两边的箭头。可以是字符串，表示两端使用同样的箭头；或者长度为 2 的字符串数组，分别表示两端的箭头。默认不显示箭头，即 <code>&#39;none&#39;</code>。两端都显示箭头可以设置为 <code>&#39;arrow&#39;</code>，只在末端显示箭头可以设置为 <code>[&#39;none&#39;, &#39;arrow&#39;]</code>。</p>\n"},"symbolSize":{"description":"<p>轴线两边的箭头的大小，第一个数字表示宽度（垂直坐标轴方向），第二个数字表示高度（平行坐标轴方向）。</p>\n"},"symbolOffset":{"description":"<p>轴线两边的箭头的偏移，如果是数组，第一个数字表示起始箭头的偏移，第二个数字表示末端箭头的偏移；如果是数字，表示这两个箭头使用同样的偏移。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>坐标轴线线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>坐标轴线线宽。</p>\n"},"type":{"description":"<p>坐标轴线线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"axisTick":{"properties":{"show":{"description":"<p>是否显示坐标轴刻度。</p>\n"},"alignWithLabel":{"description":"<p>类目轴中在 <code>boundaryGap</code> 为 <code>true</code> 的时候有效，可以保证刻度线和标签对齐。如下图：</p>\n<p><img width=\"600\" height=\"auto\" src=\"documents/asset/img/axis-align-with-label.png\"></p>\n"},"interval":{"description":"<p>坐标轴刻度的显示间隔，在类目轴中有效。默认同 <a href=\"#parallelAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n"},"inside":{"description":"<p>坐标轴刻度是否朝内，默认朝外。</p>\n"},"length":{"description":"<p>坐标轴刻度的长度。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>刻度线的颜色，默认取 <a href=\"#parallelAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。</p>\n"},"width":{"description":"<p>坐标轴刻度线宽。</p>\n"},"type":{"description":"<p>坐标轴刻度线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<!-- Overwrite color -->"}}}}},"axisLabel":{"properties":{"show":{"description":"<p>是否显示刻度标签。</p>\n"},"interval":{"description":"<p>坐标轴刻度标签的显示间隔，在类目轴中有效。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n"},"inside":{"description":"<p>刻度标签是否朝内，默认朝外。</p>\n"},"rotate":{"description":"<p>刻度标签旋转的角度，在类目轴的类目标签显示不下的时候可以通过旋转防止标签之间重叠。</p>\n<p>旋转的角度从 -90 度到 90 度。</p>\n"},"margin":{"description":"<p>刻度标签与轴线之间的距离。</p>\n"},"formatter":{"description":"<p>刻度标签的内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p>示例:</p>\n<pre><code class=\"lang-js\">// 使用字符串模板，模板变量为刻度默认标签 {value}\nformatter: &#39;{value} kg&#39;\n\n// 使用函数模板，函数参数分别为刻度数值（类目），刻度的索引\nformatter: function (value, index) {\n    // 格式化成月/日，只在第一个刻度显示年份\n    var date = new Date(value);\n    var texts = [(date.getMonth() + 1), date.getDate()];\n    if (index === 0) {\n        texts.unshift(date.getYear());\n    }\n    return texts.join(&#39;/&#39;);\n}\n</code></pre>\n"},"showMinLabel":{"description":"<p>是否显示最小 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最小 tick 的 label）。</p>\n"},"showMaxLabel":{"description":"<p>是否显示最大 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最大 tick 的 label）。</p>\n"},"color":{"description":"<p>刻度标签文字的颜色，默认取 <a href=\"#parallelAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。支持回调函数，格式如下</p>\n<pre><code class=\"lang-js\">(val: string) =&gt; Color\n</code></pre>\n<p>参数是标签的文本，返回颜色值，如下示例：</p>\n<pre><code class=\"lang-js\">textStyle: {\n    color: function (value, index) {\n        return value &gt;= 0 ? &#39;green&#39; : &#39;red&#39;;\n    }\n}\n</code></pre>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n<!-- Overwrite color -->"}}}}}}},"data":{"items":{"properties":{"value":{"description":"<p>单个类目名称。</p>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}}},"singleAxis":{"properties":{"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"zlevel":{"description":"<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"left":{"description":"<p>single组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"top":{"description":"<p>single组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"right":{"description":"<p>single组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n"},"bottom":{"description":"<p>single组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n"},"width":{"description":"<p>single组件的宽度。默认自适应。</p>\n"},"height":{"description":"<p>single组件的高度。默认自适应。</p>\n"},"orient":{"description":"<p>轴的朝向，默认水平朝向，可以设置成 <code>&#39;vertical&#39;</code> 垂直朝向。</p>\n"},"type":{"description":"<p>坐标轴类型。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>&#39;value&#39;</code>\n  数值轴，适用于连续数据。</p>\n</li>\n<li><p><code>&#39;category&#39;</code>\n  类目轴，适用于离散的类目数据，为该类型时必须通过 <a href=\"#singleAxis.data\">data</a> 设置类目数据。</p>\n</li>\n<li><p><code>&#39;time&#39;</code>\n  时间轴，适用于连续的时序数据，与数值轴相比时间轴带有时间的格式化，在刻度计算上也有所不同，例如会根据跨度的范围来决定使用月，星期，日还是小时范围的刻度。</p>\n</li>\n<li><p><code>&#39;log&#39;</code>\n  对数轴。适用于对数数据。</p>\n</li>\n</ul>\n"},"name":{"description":"<p>坐标轴名称。</p>\n"},"nameLocation":{"description":"<p>坐标轴名称显示位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><code>&#39;start&#39;</code></li>\n<li><code>&#39;middle&#39;</code> 或者 <code>&#39;center&#39;</code></li>\n<li><code>&#39;end&#39;</code></li>\n</ul>\n"},"nameTextStyle":{"properties":{"color":{"description":"<p>坐标轴名称的颜色，默认取 <a href=\"#singleAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。</p>\n"},"fontStyle":{"description":"<p>坐标轴名称文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>坐标轴名称文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>坐标轴名称文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>坐标轴名称文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n<!-- Overwrite color -->"}}}}}}},"nameGap":{"description":"<p>坐标轴名称与轴线之间的距离。</p>\n"},"nameRotate":{"description":"<p>坐标轴名字旋转，角度值。</p>\n"},"inverse":{"description":"<p>是否是反向坐标轴。ECharts 3 中新加。</p>\n"},"boundaryGap":{"description":"<p>坐标轴两边留白策略，类目轴和非类目轴的设置和表现不一样。</p>\n<p>类目轴中 <code>boundaryGap</code> 可以配置为 <code>true</code> 和 <code>false</code>。默认为 <code>true</code>，这时候<a href=\"#singleAxis.axisTick\">刻度</a>只是作为分隔线，标签和数据点都会在两个<a href=\"#singleAxis.axisTick\">刻度</a>之间的带(band)中间。</p>\n<p>非类目轴，包括时间，数值，对数轴，<code>boundaryGap</code>是一个两个值的数组，分别表示数据最小值和最大值的延伸范围，可以直接设置数值或者相对的百分比，在设置 <a href=\"#singleAxis.min\">min</a> 和 <a href=\"#singleAxis.max\">max</a> 后无效。\n<strong>示例：</strong></p>\n<pre><code class=\"lang-js\">boundaryGap: [&#39;20%&#39;, &#39;20%&#39;]\n</code></pre>\n"},"min":{"description":"<p>坐标轴刻度最小值。</p>\n<p>可以设置成特殊值 <code>&#39;dataMin&#39;</code>，此时取数据在该轴上的最小值作为最小刻度。</p>\n<p>不设置时会自动计算最小值保证坐标轴刻度的均匀分布。</p>\n<p>在类目轴中，也可以设置为类目的序数（如类目轴 <code>data: [&#39;类A&#39;, &#39;类B&#39;, &#39;类C&#39;]</code> 中，序数 <code>2</code> 表示 <code>&#39;类C&#39;</code>。也可以设置为负数，如 <code>-3</code>）。</p>\n<p>当设置成 <code>function</code> 形式时，可以根据计算得出的数据最大最小值设定坐标轴的最小值。如：</p>\n<pre><code>min: function(value) {\n    return value.min - 20;\n}\n</code></pre><p>其中 <code>value</code> 是一个包含 <code>min</code> 和 <code>max</code> 的对象，分别表示数据的最大最小值，这个函数应该返回坐标轴的最小值。</p>\n"},"max":{"description":"<p>坐标轴刻度最大值。</p>\n<p>可以设置成特殊值 <code>&#39;dataMax&#39;</code>，此时取数据在该轴上的最大值作为最大刻度。</p>\n<p>不设置时会自动计算最大值保证坐标轴刻度的均匀分布。</p>\n<p>在类目轴中，也可以设置为类目的序数（如类目轴 <code>data: [&#39;类A&#39;, &#39;类B&#39;, &#39;类C&#39;]</code> 中，序数 <code>2</code> 表示 <code>&#39;类C&#39;</code>。也可以设置为负数，如 <code>-3</code>）。</p>\n<p>当设置成 <code>function</code> 形式时，可以根据计算得出的数据最大最小值设定坐标轴的最小值。如：</p>\n<pre><code>max: function(value) {\n    return value.max - 20;\n}\n</code></pre><p>其中 <code>value</code> 是一个包含 <code>min</code> 和 <code>max</code> 的对象，分别表示数据的最大最小值，这个函数应该返回坐标轴的最大值。</p>\n"},"scale":{"description":"<p>只在数值轴中（<a href=\"#singleAxis.type\">type</a>: &#39;value&#39;）有效。</p>\n<p>是否是脱离 0 值比例。设置成 <code>true</code> 后坐标刻度不会强制包含零刻度。在双数值轴的散点图中比较有用。</p>\n<p>在设置 <a href=\"#singleAxis.min\">min</a> 和 <a href=\"#singleAxis.max\">max</a> 之后该配置项无效。</p>\n"},"splitNumber":{"description":"<p>坐标轴的分割段数，需要注意的是这个分割段数只是个预估值，最后实际显示的段数会在这个基础上根据分割后坐标轴刻度显示的易读程度作调整。</p>\n<p>在类目轴中无效。</p>\n"},"minInterval":{"description":"<p>自动计算的坐标轴最小间隔大小。</p>\n<p>例如可以设置成<code>1</code>保证坐标轴分割刻度显示成整数。</p>\n<pre><code class=\"lang-js\">{\n    minInterval: 1\n}\n</code></pre>\n<p>只在数值轴或时间轴中（<a href=\"#singleAxis.type\">type</a>: &#39;value&#39; 或 &#39;time&#39;）有效。</p>\n"},"maxInterval":{"description":"<p>自动计算的坐标轴最大间隔大小。</p>\n<p>例如，在时间轴（（<a href=\"#singleAxis.type\">type</a>: &#39;time&#39;））可以设置成 <code>3600 * 24 * 1000</code> 保证坐标轴分割刻度最大为一天。</p>\n<pre><code class=\"lang-js\">{\n    maxInterval: 3600 * 24 * 1000\n}\n</code></pre>\n<p>只在数值轴或时间轴中（<a href=\"#singleAxis.type\">type</a>: &#39;value&#39; 或 &#39;time&#39;）有效。</p>\n"},"interval":{"description":"<p>强制设置坐标轴分割间隔。</p>\n<p>因为 <a href=\"#singleAxis.splitNumber\">splitNumber</a> 是预估的值，实际根据策略计算出来的刻度可能无法达到想要的效果，这时候可以使用 interval 配合 <a href=\"#singleAxis.min\">min</a>、<a href=\"#singleAxis.max\">max</a> 强制设定刻度划分，一般不建议使用。</p>\n<p>无法在类目轴中使用。在时间轴（<a href=\"#singleAxis.type\">type</a>: &#39;time&#39;）中需要传时间戳，在对数轴（<a href=\"#singleAxis.type\">type</a>: &#39;log&#39;）中需要传指数值。</p>\n"},"logBase":{"description":"<p>对数轴的底数，只在对数轴中（<a href=\"#singleAxis.type\">type</a>: &#39;log&#39;）有效。</p>\n"},"silent":{"description":"<p>坐标轴是否是静态无法交互。</p>\n"},"triggerEvent":{"description":"<p>坐标轴的标签是否响应和触发鼠标事件，默认不响应。</p>\n<p>事件参数如下：</p>\n<pre><code class=\"lang-js\">{\n    // 组件类型，xAxis, yAxis, radiusAxis, angleAxis\n    // 对应组件类型都会有一个属性表示组件的 index，例如 xAxis 就是 xAxisIndex\n    componentType: string,\n    // 未格式化过的刻度值, 点击刻度标签有效\n    value: &#39;&#39;,\n    // 坐标轴名称, 点击坐标轴名称有效\n    name: &#39;&#39;\n}\n</code></pre>\n"},"axisLine":{"properties":{"show":{"description":"<p>是否显示坐标轴轴线。</p>\n"},"symbol":{"description":"<p>轴线两边的箭头。可以是字符串，表示两端使用同样的箭头；或者长度为 2 的字符串数组，分别表示两端的箭头。默认不显示箭头，即 <code>&#39;none&#39;</code>。两端都显示箭头可以设置为 <code>&#39;arrow&#39;</code>，只在末端显示箭头可以设置为 <code>[&#39;none&#39;, &#39;arrow&#39;]</code>。</p>\n"},"symbolSize":{"description":"<p>轴线两边的箭头的大小，第一个数字表示宽度（垂直坐标轴方向），第二个数字表示高度（平行坐标轴方向）。</p>\n"},"symbolOffset":{"description":"<p>轴线两边的箭头的偏移，如果是数组，第一个数字表示起始箭头的偏移，第二个数字表示末端箭头的偏移；如果是数字，表示这两个箭头使用同样的偏移。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>坐标轴线线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>坐标轴线线宽。</p>\n"},"type":{"description":"<p>坐标轴线线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"axisTick":{"properties":{"show":{"description":"<p>是否显示坐标轴刻度。</p>\n"},"alignWithLabel":{"description":"<p>类目轴中在 <code>boundaryGap</code> 为 <code>true</code> 的时候有效，可以保证刻度线和标签对齐。如下图：</p>\n<p><img width=\"600\" height=\"auto\" src=\"documents/asset/img/axis-align-with-label.png\"></p>\n"},"interval":{"description":"<p>坐标轴刻度的显示间隔，在类目轴中有效。默认同 <a href=\"#singleAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n"},"inside":{"description":"<p>坐标轴刻度是否朝内，默认朝外。</p>\n"},"length":{"description":"<p>坐标轴刻度的长度。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>刻度线的颜色，默认取 <a href=\"#singleAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。</p>\n"},"width":{"description":"<p>坐标轴刻度线宽。</p>\n"},"type":{"description":"<p>坐标轴刻度线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<!-- Overwrite color -->"}}}}},"axisLabel":{"properties":{"show":{"description":"<p>是否显示刻度标签。</p>\n"},"interval":{"description":"<p>坐标轴刻度标签的显示间隔，在类目轴中有效。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n"},"inside":{"description":"<p>刻度标签是否朝内，默认朝外。</p>\n"},"rotate":{"description":"<p>刻度标签旋转的角度，在类目轴的类目标签显示不下的时候可以通过旋转防止标签之间重叠。</p>\n<p>旋转的角度从 -90 度到 90 度。</p>\n"},"margin":{"description":"<p>刻度标签与轴线之间的距离。</p>\n"},"formatter":{"description":"<p>刻度标签的内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p>示例:</p>\n<pre><code class=\"lang-js\">// 使用字符串模板，模板变量为刻度默认标签 {value}\nformatter: &#39;{value} kg&#39;\n\n// 使用函数模板，函数参数分别为刻度数值（类目），刻度的索引\nformatter: function (value, index) {\n    // 格式化成月/日，只在第一个刻度显示年份\n    var date = new Date(value);\n    var texts = [(date.getMonth() + 1), date.getDate()];\n    if (index === 0) {\n        texts.unshift(date.getYear());\n    }\n    return texts.join(&#39;/&#39;);\n}\n</code></pre>\n"},"showMinLabel":{"description":"<p>是否显示最小 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最小 tick 的 label）。</p>\n"},"showMaxLabel":{"description":"<p>是否显示最大 tick 的 label。可取值 <code>true</code>, <code>false</code>, <code>null</code>。默认自动判定（即如果标签重叠，不会显示最大 tick 的 label）。</p>\n"},"color":{"description":"<p>刻度标签文字的颜色，默认取 <a href=\"#singleAxis.axisLine.lineStyle.color\">axisLine.lineStyle.color</a>。支持回调函数，格式如下</p>\n<pre><code class=\"lang-js\">(val: string) =&gt; Color\n</code></pre>\n<p>参数是标签的文本，返回颜色值，如下示例：</p>\n<pre><code class=\"lang-js\">textStyle: {\n    color: function (value, index) {\n        return value &gt;= 0 ? &#39;green&#39; : &#39;red&#39;;\n    }\n}\n</code></pre>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n<!-- Overwrite color -->"}}}}}}},"splitLine":{"properties":{"show":{"description":"<p>是否显示分隔线。默认数值轴显示，类目轴不显示。</p>\n"},"interval":{"description":"<p>坐标轴分隔线的显示间隔，在类目轴中有效。默认同 <a href=\"#singleAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>分隔线颜色，可以设置成单个颜色。</p>\n<p>也可以设置成颜色数组，分隔线会按数组中颜色的顺序依次循环设置颜色。</p>\n<p>示例</p>\n<pre><code>splitLine: {\n    lineStyle: {\n        // 使用深浅的间隔色\n        color: [&#39;#aaa&#39;, &#39;#ddd&#39;]\n    }\n}\n</code></pre>"},"width":{"description":"<p>分隔线线宽。</p>\n"},"type":{"description":"<p>分隔线线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<!-- overwrite color -->"}}}}},"splitArea":{"properties":{"interval":{"description":"<p>坐标轴分隔区域的显示间隔，在类目轴中有效。默认同 <a href=\"#singleAxis.axisLabel.interval\">axisLabel.interval</a> 一样。</p>\n<p>默认会采用标签不重叠的策略间隔显示标签。</p>\n<p>可以设置成 0 强制显示所有标签。</p>\n<p>如果设置为 <code>1</code>，表示『隔一个标签显示一个标签』，如果值为 <code>2</code>，表示隔两个标签显示一个标签，以此类推。</p>\n<p>可以用数值表示间隔的数据，也可以通过回调函数控制。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(index:number, value: string) =&gt; boolean\n</code></pre>\n<p>第一个参数是类目的 index，第二个值是类目名称，如果跳过则返回 <code>false</code>。</p>\n"},"show":{"description":"<p>是否显示分隔区域。</p>\n"},"areaStyle":{"properties":{"color":{"description":"<p>分隔区域颜色。分隔区域会按数组中颜色的顺序依次循环设置颜色。默认是一个深浅的间隔色。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"items":{"properties":{"value":{"description":"<p>单个类目名称。</p>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}},"axisPointer":{"properties":{"show":{"description":"<p>默认不显示。但是如果 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 设置为 <code>&#39;axis&#39;</code> 或者 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code>，则自动显示 axisPointer。坐标系会自动选择显示显示哪个轴的 axisPointer，也可以使用 <a href=\"#tooltip.axisPointer.axis\">tooltip.axisPointer.axis</a> 改变这种选择。</p>\n"},"type":{"description":"<p>指示器类型。</p>\n<p>可选</p>\n<ul>\n<li><p><code>&#39;line&#39;</code> 直线指示器</p>\n</li>\n<li><p><code>&#39;shadow&#39;</code> 阴影指示器</p>\n</li>\n</ul>\n"},"snap":{"description":"<p>坐标轴指示器是否自动吸附到点上。默认自动判断。</p>\n<p>这个功能在数值轴和时间轴上比较有意义，可以自动寻找细小的数值点。</p>\n"},"z":{"description":"<p>坐标轴指示器的 z 值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示文本标签。如果 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code> 则默认显示标签，否则默认不显示。</p>\n"},"precision":{"description":"<p>文本标签中数值的小数点精度。默认根据当前轴的值自动判断。也可以指定如 <code>2</code> 表示保留两位小数。</p>\n"},"formatter":{"description":"<p>文本标签文字的格式化器。</p>\n<p>如果为 <code>string</code>，可以是例如：<code>formatter: &#39;some text {value} some text</code>，其中 <code>{value}</code> 会被自动替换为轴的值。</p>\n<p>如果为 <code>function</code>，可以是例如：</p>\n<p><strong>参数：</strong></p>\n<p><code>{Object}</code> params: 含有：</p>\n<p><code>{Object}</code> params.value: 轴当前值，如果 axis.type 为 &#39;category&#39; 时，其值为 axis.data 里的数值。如果 axis.type 为 <code>&#39;time&#39;</code>，其值为时间戳。</p>\n<p><code>{Array.&lt;Object&gt;}</code> params.seriesData: 一个数组，是当前 axisPointer 最近的点的信息，每项内容为</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>每项内容还包括轴的信息：</p>\n<pre><code class=\"lang-js\">{\n    axisDim: &#39;x&#39;, // &#39;x&#39;, &#39;y&#39;, &#39;angle&#39;, &#39;radius&#39;, &#39;single&#39;\n    axisId: &#39;xxx&#39;,\n    axisName: &#39;xxx&#39;,\n    axisIndex: 3,\n    axisValue: 121, // 当前 axisPointer 对应的 value。\n    axisValueLabel: &#39;文本&#39;\n}\n</code></pre>\n<p><strong>返回值：</strong></p>\n<p>显示的 string。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">formatter: function (params) {\n    // 假设此轴的 type 为 &#39;time&#39;。\n    return &#39;some text&#39; + echarts.format.formatTime(params.value);\n}\n</code></pre>\n"},"margin":{"description":"<p>label 距离轴的距离。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"padding":{"description":"<p>axisPointer内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"backgroundColor":{"description":"<p>文本标签的背景颜色，默认是和 <a href=\"#xAxis.axisLine.lineStyle.color\">axis.axisLine.lineStyle.color</a> 相同。</p>\n"},"borderColor":{"description":"<p>文本标签的边框颜色。</p>\n"},"borderWidth":{"description":"<p>文本标签的边框宽度。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"shadowStyle":{"properties":{"color":{"description":"<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"triggerTooltip":{"description":"<p>是否触发 tooltip。如果不想触发 tooltip 可以关掉。</p>\n"},"value":{"description":"<p>当前的 value。在使用 <a href=\"xAxisPointer.handle\" target=\"_blank\">axisPointer.handle</a> 时，可以设置此值进行初始值设定，从而决定 axisPointer 的初始位置。</p>\n"},"status":{"description":"<p>当前的状态，可取值为 <code>&#39;show&#39;</code> 和 <code>&#39;hide&#39;</code>。</p>\n"},"handle":{"properties":{"show":{"description":"<p>当 show 设为 <code>true</code> 时开启，这时显示手柄，并且 axisPointer 会一直显示。</p>\n"},"icon":{"description":"<p>手柄的图标。</p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre><p>参见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/axisPointer-handle-image&amp;edit=1&amp;reset=1\" target=\"_blank\">使用图片的例子</a></p>\n"},"size":{"description":"<p>手柄的尺寸，可以设置单值，如 <code>45</code>，也可以设置为数组：<code>[width, height]</code>。</p>\n"},"margin":{"description":"<p>手柄与轴的距离。注意，这是手柄中心点和轴的距离。</p>\n"},"color":{"description":"<p>手柄颜色。</p>\n"},"throttle":{"description":"<p>手柄拖拽时触发视图更新周期，单位毫秒，调大这个数值可以改善性能，但是降低体验。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"}}}}},"tooltip":{"properties":{"show":{"description":"<p>是否显示提示框组件，包括提示框浮层和 <a href=\"#tooltip.axisPointer\">axisPointer</a>。</p>\n"},"trigger":{"description":"<p>触发类型。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>&#39;item&#39;</code></p>\n<p>  数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。</p>\n</li>\n<li><p><code>&#39;axis&#39;</code></p>\n<p>  坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用。</p>\n<p>  在 ECharts 2.x 中只支持类目轴上使用 axis trigger，在 ECharts 3 中支持在<a href=\"#grid\">直角坐标系</a>和<a href=\"#polar\">极坐标系</a>上的所有类型的轴。并且可以通过 <a href=\"#tooltip.axisPointer.axis\">axisPointer.axis</a> 指定坐标轴。</p>\n</li>\n<li><p><code>&#39;none&#39;</code></p>\n<p>  什么都不触发。</p>\n</li>\n</ul>\n"},"axisPointer":{"properties":{"type":{"description":"<p>指示器类型。</p>\n<p>可选</p>\n<ul>\n<li><p><code>&#39;line&#39;</code> 直线指示器</p>\n</li>\n<li><p><code>&#39;shadow&#39;</code> 阴影指示器</p>\n</li>\n<li><p><code>&#39;cross&#39;</code> 十字准星指示器。其实是种简写，表示启用两个正交的轴的 axisPointer。</p>\n</li>\n</ul>\n"},"axis":{"description":"<p>指示器的坐标轴。</p>\n<p>默认情况，坐标系会自动选择显示哪个轴的 axisPointer（默认取类目轴或者时间轴）。</p>\n<p>可以是 <code>&#39;x&#39;</code>, <code>&#39;y&#39;</code>, <code>&#39;radius&#39;</code>, <code>&#39;angle&#39;</code>。</p>\n"},"snap":{"description":"<p>坐标轴指示器是否自动吸附到点上。默认自动判断。</p>\n<p>这个功能在数值轴和时间轴上比较有意义，可以自动寻找细小的数值点。</p>\n"},"z":{"description":"<p>坐标轴指示器的 z 值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示文本标签。如果 <a href=\"#tooltip.axisPointer.type\">tooltip.axisPointer.type</a> 设置为 <code>&#39;cross&#39;</code> 则默认显示标签，否则默认不显示。</p>\n"},"precision":{"description":"<p>文本标签中数值的小数点精度。默认根据当前轴的值自动判断。也可以指定如 <code>2</code> 表示保留两位小数。</p>\n"},"formatter":{"description":"<p>文本标签文字的格式化器。</p>\n<p>如果为 <code>string</code>，可以是例如：<code>formatter: &#39;some text {value} some text</code>，其中 <code>{value}</code> 会被自动替换为轴的值。</p>\n<p>如果为 <code>function</code>，可以是例如：</p>\n<p><strong>参数：</strong></p>\n<p><code>{Object}</code> params: 含有：</p>\n<p><code>{Object}</code> params.value: 轴当前值，如果 axis.type 为 &#39;category&#39; 时，其值为 axis.data 里的数值。如果 axis.type 为 <code>&#39;time&#39;</code>，其值为时间戳。</p>\n<p><code>{Array.&lt;Object&gt;}</code> params.seriesData: 一个数组，是当前 axisPointer 最近的点的信息，每项内容为</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>每项内容还包括轴的信息：</p>\n<pre><code class=\"lang-js\">{\n    axisDim: &#39;x&#39;, // &#39;x&#39;, &#39;y&#39;, &#39;angle&#39;, &#39;radius&#39;, &#39;single&#39;\n    axisId: &#39;xxx&#39;,\n    axisName: &#39;xxx&#39;,\n    axisIndex: 3,\n    axisValue: 121, // 当前 axisPointer 对应的 value。\n    axisValueLabel: &#39;文本&#39;\n}\n</code></pre>\n<p><strong>返回值：</strong></p>\n<p>显示的 string。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">formatter: function (params) {\n    // 假设此轴的 type 为 &#39;time&#39;。\n    return &#39;some text&#39; + echarts.format.formatTime(params.value);\n}\n</code></pre>\n"},"margin":{"description":"<p>label 距离轴的距离。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"padding":{"description":"<p>axisPointer内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"backgroundColor":{"description":"<p>文本标签的背景颜色，默认是和 <a href=\"#xAxis.axisLine.lineStyle.color\">axis.axisLine.lineStyle.color</a> 相同。</p>\n"},"borderColor":{"description":"<p>文本标签的边框颜色。</p>\n"},"borderWidth":{"description":"<p>文本标签的边框宽度。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"shadowStyle":{"properties":{"color":{"description":"<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"crossStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"position":{"description":"<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}},"timeline":{"properties":{"show":{"description":"<p>是否显示 <code>timeline</code> 组件。如果设置为<code>false</code>，不会显示，但是功能还存在。</p>\n"},"type":{"description":"<p>这个属性目前只支持为 <code>slider</code>，不需要更改。</p>\n"},"axisType":{"description":"<p>轴的类型。可选值为：</p>\n<ul>\n<li><p><code>&#39;value&#39;</code>\n  数值轴，适用于连续数据。</p>\n</li>\n<li><p><code>&#39;category&#39;</code>\n  类目轴，适用于离散的类目数据。</p>\n</li>\n<li><p><code>&#39;time&#39;</code>\n  时间轴，适用于连续的时序数据，与数值轴相比时间轴带有时间的格式化，在刻度计算上也有所不同，例如会根据跨度的范围来决定使用月，星期，日还是小时范围的刻度。</p>\n</li>\n</ul>\n"},"currentIndex":{"description":"<p>表示当前选中项是哪项。比如，<code>currentIndex</code> 为 <code>0</code> 时，表示当前选中项为 <code>timeline.data[0]</code>（即使用 <code>options[0]</code>）。</p>\n"},"autoPlay":{"description":"<p>表示是否自动播放。</p>\n"},"rewind":{"description":"<p>表示是否反向播放。</p>\n"},"loop":{"description":"<p>表示是否循环播放。</p>\n"},"playInterval":{"description":"<p>表示播放的速度（跳动的间隔），单位毫秒（ms）。</p>\n"},"realtime":{"description":"<p>拖动圆点的时候，是否实时更新视图。</p>\n"},"controlPosition":{"description":"<p>表示『播放』按钮的位置。可选值：<code>&#39;left&#39;</code>、<code>&#39;right&#39;</code>。</p>\n"},"zlevel":{"description":"<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"left":{"description":"<p>timeline组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"top":{"description":"<p>timeline组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"right":{"description":"<p>timeline组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n"},"bottom":{"description":"<p>timeline组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n"},"padding":{"description":"<p>timeline内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"orient":{"description":"<p>摆放方式，可选值有：</p>\n<ul>\n<li><code>&#39;vertical&#39;</code>：竖直放置。</li>\n<li><code>&#39;horizontal&#39;</code>：水平放置。</li>\n</ul>\n"},"inverse":{"description":"<ul>\n<li>是否反向放置 <code>timeline</code>，反向则首位颠倒过来。</li>\n</ul>\n"},"symbol":{"description":"<p>timeline标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>timeline标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>timeline标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>timeline标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"lineStyle":{"properties":{"show":{"description":"<p>是否显示轴线。可以设置为 <code>false</code> 不显示轴线，则可以做出不同的样式效果。</p>\n"},"color":{"description":"<p>timeline 线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>timeline 线宽。</p>\n"},"type":{"description":"<p>timeline 线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"position":{"description":"<p>可选的配置方式：</p>\n<ul>\n<li><p><code>&#39;auto&#39;</code>：\n  完全自动决定。</p>\n</li>\n<li><p><code>&#39;left&#39;</code>：\n  贴左边界放置。\n  当 <a href=\"#timeline.orient\">timline.orient</a> 为 <code>&#39;vertical&#39;</code> 时有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code>：当 <a href=\"#timeline.orient\">timline.orient</a> 为 <code>&#39;vertical&#39;</code> 时有效。\n  贴右边界放置。</p>\n</li>\n<li><p><code>&#39;top&#39;</code>：\n  贴上边界放置。\n  当 <a href=\"#timeline.orient\">timline.orient</a> 为 <code>&#39;horizontal&#39;</code> 时有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code>：\n  贴下边界放置。\n  当 <a href=\"#timeline.orient\">timline.orient</a> 为 <code>&#39;horizontal&#39;</code> 时有效。</p>\n</li>\n<li><p><code>number</code>：\n  指定某个数值时，表示 <code>label</code> 和轴的距离。为 <code>0</code> 时则和坐标轴重合，可以为正负值，决定 <code>label</code> 在坐标轴的哪一边。</p>\n</li>\n</ul>\n"},"show":{"description":"<p>是否显示 label。</p>\n"},"interval":{"description":"<p><code>label</code> 的间隔。当指定为数值时，例如指定为 <code>2</code>，则每隔两个显示一个 label。</p>\n"},"rotate":{"description":"<p><code>label</code> 的旋转角度。正值表示逆时针旋转。</p>\n"},"formatter":{"description":"<p>刻度标签的内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p>示例:</p>\n<pre><code class=\"lang-js\">// 使用字符串模板，模板变量为刻度默认标签 {value}\nformatter: &#39;{value} kg&#39;\n\n// 使用函数模板，函数参数分别为刻度数值（类目），刻度的索引\nformatter: function (value, index) {\n    // 格式化成月/日，只在第一个刻度显示年份\n    var date = new Date(value);\n    var texts = [(date.getMonth() + 1), date.getDate()];\n    if (index === 0) {\n        texts.unshift(date.getYear());\n    }\n    return texts.join(&#39;/&#39;);\n}\n</code></pre>\n"},"color":{"description":"<p>timeline.lable文字的颜色。</p>\n"},"fontStyle":{"description":"<p>timeline.lable文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>timeline.lable文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>timeline.lable文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>timeline.lable文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>timeline 图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>timeline 图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>timeline 描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"checkpointStyle":{"properties":{"symbol":{"description":"<p>timeline.checkpointStyle 标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>timeline.checkpointStyle 标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>timeline.checkpointStyle 标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>timeline.checkpointStyle 标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"color":{"description":"<p><code>timeline</code>组件中『当前项』（<code>checkpoint</code>）的颜色。</p>\n"},"borderWidth":{"description":"<p><code>timeline</code>组件中『当前项』（<code>checkpoint</code>）的边框宽度。</p>\n"},"borderColor":{"description":"<p><code>timeline</code>组件中『当前项』（<code>checkpoint</code>）的边框颜色。</p>\n"},"animation":{"description":"<p><code>timeline</code>组件中『当前项』（<code>checkpoint</code>）在 <code>timeline</code> 播放切换中的移动，是否有动画。</p>\n"},"animationDuration":{"description":"<p><code>timeline</code>组件中『当前项』（<code>checkpoint</code>）的动画时长。</p>\n"},"animationEasing":{"description":"<p><code>timeline</code>组件中『当前项』（<code>checkpoint</code>）的动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/view.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"}}},"controlStyle":{"properties":{"show":{"description":"<p>是否显示『控制按钮』。设置为 <code>false</code> 则全不显示。</p>\n"},"showPlayBtn":{"description":"<p>是否显示『播放按钮』。</p>\n"},"showPrevBtn":{"description":"<p>是否显示『后退按钮』。</p>\n"},"showNextBtn":{"description":"<p>是否显示『前进按钮』。</p>\n"},"itemSize":{"description":"<p>『控制按钮』的尺寸，单位为像素（px）。</p>\n"},"itemGap":{"description":"<p>『控制按钮』的间隔，单位为像素（px）。</p>\n"},"position":{"description":"<p>『控制按钮』的位置。</p>\n<ul>\n<li><p>当 <a href=\"#timeline.orient\">timeline.orient</a> 为 <code>&#39;horizontal&#39;</code>时，<code>&#39;left&#39;</code>、<code>&#39;right&#39;</code>有效。</p>\n</li>\n<li><p>当 <a href=\"#timeline.orient\">timeline.orient</a> 为 <code>&#39;vertical&#39;</code>时，<code>&#39;top&#39;</code>、<code>&#39;bottom&#39;</code>有效。</p>\n</li>\n</ul>\n"},"playIcon":{"description":"<p>『播放按钮』的『可播放状态』的图形。</p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"stopIcon":{"description":"<p>『播放按钮』的『可停止状态』的图形。</p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"prevIcon":{"description":"<p>『后退按钮』的图形</p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"nextIcon":{"description":"<p>『前进按钮』的图形</p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"color":{"description":"<p>按钮颜色。</p>\n"},"borderColor":{"description":"<p>按钮边框颜色。</p>\n"},"borderWidth":{"properties":{"color":{"description":"<p>按钮颜色。</p>\n"},"borderColor":{"description":"<p>按钮边框颜色。</p>\n"},"borderWidth":{"description":"<p>按钮边框线宽。</p>\n"}}}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示 label。</p>\n"},"interval":{"description":"<p><code>label</code> 的间隔。当指定为数值时，例如指定为 <code>2</code>，则每隔两个显示一个 label。</p>\n"},"rotate":{"description":"<p><code>label</code> 的旋转角度。正值表示逆时针旋转。</p>\n"},"formatter":{"description":"<p>刻度标签的内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p>示例:</p>\n<pre><code class=\"lang-js\">// 使用字符串模板，模板变量为刻度默认标签 {value}\nformatter: &#39;{value} kg&#39;\n\n// 使用函数模板，函数参数分别为刻度数值（类目），刻度的索引\nformatter: function (value, index) {\n    // 格式化成月/日，只在第一个刻度显示年份\n    var date = new Date(value);\n    var texts = [(date.getMonth() + 1), date.getDate()];\n    if (index === 0) {\n        texts.unshift(date.getYear());\n    }\n    return texts.join(&#39;/&#39;);\n}\n</code></pre>\n"},"color":{"description":"<p>timeline.lable.emphasis文字的颜色。</p>\n"},"fontStyle":{"description":"<p>timeline.lable.emphasis文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>timeline.lable.emphasis文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>timeline.lable.emphasis文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>timeline.lable.emphasis文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>timeline 图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>timeline 图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>timeline 描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"checkpointStyle":{"description":"<p>当前项『高亮状态』的样式（hover时）。</p>\n"},"controlStyle":{"description":"<p>控制按钮的『高亮状态』的样式（hover时）。</p>\n"}}},"data":{"description":"<p><code>timeline</code> 数据。<code>Array</code> 的每一项，可以是直接的数值。\n如果需要对每个数据项单独进行样式定义，则数据项写成 <code>Object</code>。<code>Object</code>中，<code>value</code>属性为数值。其他属性如下例子，可以覆盖 <code>timeline</code> 中的属性配置。</p>\n<p>如下例：</p>\n<pre><code class=\"lang-javascript\">[\n    &#39;2002-01-01&#39;,\n    &#39;2003-01-01&#39;,\n    &#39;2004-01-01&#39;,\n    {\n        value: &#39;2005-01-01&#39;,\n        tooltip: {          // 让鼠标悬浮到此项时能够显示 `tooltip`。\n            formatter: &#39;{b} xxxx&#39;\n        },\n        symbol: &#39;diamond&#39;,  // 此项的图形的特别设置。\n        symbolSize: 16      // 此项的图形大小的特别设置。\n    },\n    &#39;2006-01-01&#39;,\n    &#39;2007-01-01&#39;,\n    &#39;2008-01-01&#39;,\n    &#39;2009-01-01&#39;,\n    &#39;2010-01-01&#39;,\n    {\n        value: &#39;2011-01-01&#39;,\n        tooltip: {          // 让鼠标悬浮到此项时能够显示 `tooltip`。\n            formatter: function (params) {\n                return params.name + &#39;xxxx&#39;;\n            }\n        },\n        symbol: &#39;diamond&#39;,\n        symbolSize: 18\n    },\n]\n</code></pre>\n"}}},"graphic":{"properties":{"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"elements":{"items":{"anyOf":[{"properties":{"type":{"description":"<p>用 setOption 首次设定图形元素时必须指定。\n可取值：</p>\n<p><a href=\"#graphic.elements-image\">image</a>,\n<a href=\"#graphic.elements-text\">text</a>,\n<a href=\"#graphic.elements-circle\">circle</a>,\n<a href=\"#graphic.elements-sector\">sector</a>,\n<a href=\"#graphic.elements-ring\">ring</a>,\n<a href=\"#graphic.elements-polygon\">polygon</a>,\n<a href=\"#graphic.elements-polyline\">polyline</a>,\n<a href=\"#graphic.elements-rect\">rect</a>,\n<a href=\"#graphic.elements-line\">line</a>,\n<a href=\"#graphic.elements-bezierCurve\">bezierCurve</a>,\n<a href=\"#graphic.elements-arc\">arc</a>,\n<a href=\"#graphic.elements-group\">group</a>,</p>\n"},"id":{"description":"<p>id 用于在更新或删除图形元素时指定更新哪个图形元素，如果不需要用可以忽略。</p>\n"},"$action":{"description":"<p>setOption 时指定本次对该图形元素的操作行为。</p>\n<p>可取值：</p>\n<ul>\n<li><code>&#39;merge&#39;</code>：如果已有元素，则新的配置项和已有的设定进行 merge。如果没有则新建。</li>\n<li><code>&#39;replace&#39;</code>：如果已有元素，删除之，新建元素替代之。</li>\n<li><code>&#39;remove&#39;</code>：删除元素。</li>\n</ul>\n"},"left":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n"},"right":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n"},"top":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n"},"bottom":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n"},"bounding":{"description":"<p>决定此图形元素在定位时，对自身的包围盒计算方式。</p>\n<p>参见例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/graphic-bounding&edit=1&reset=1\" width=\"500\" height=\"500\" ></iframe>\n\n\n<p>可取值：</p>\n<ul>\n<li><p><code>&#39;all&#39;</code>：（默认）\n  表示用自身以及子节点整体的经过 transform 后的包围盒进行定位。\n  这种方式易于使整体都限制在父元素范围中。</p>\n</li>\n<li><p><code>&#39;raw&#39;</code>：\n  表示仅仅用自身（不包括子节点）的没经过 tranform 的包围盒进行定位。\n  这种方式易于内容超出父元素范围的定位方式。</p>\n</li>\n</ul>\n"},"z":{"description":"<p>z 方向的高度，决定层叠关系。</p>\n"},"zlevel":{"description":"<p>决定此元素绘制在哪个 canvas 层中。注意，越多 canvas 层会占用越多资源。</p>\n"},"silent":{"description":"<p>是否不响应鼠标以及触摸事件。</p>\n"},"invisible":{"description":"<p>节点是否可见。</p>\n"},"cursor":{"description":"<p>鼠标悬浮时在图形元素上时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n"},"draggable":{"description":"<p>图形元素是否可以被拖拽。</p>\n"},"progressive":{"description":"<p>是否渐进式渲染。当图形元素过多时才使用。</p>\n"},"width":{"description":"<p>用于描述此 <code>group</code> 的宽。</p>\n<p>这个宽只用于给子节点定位。</p>\n<p>即便当宽度为零的时候，子节点也可以使用 <code>left: &#39;center&#39;</code> 相对于父节点水平居中。</p>\n"},"height":{"description":"<p>用于描述此 <code>group</code> 的高。</p>\n<p>这个高只用于给子节点定位。</p>\n<p>即便当高度为零的时候，子节点也可以使用 <code>top: &#39;middle&#39;</code> 相对于父节点垂直居中。</p>\n"},"children":{"description":"<p>子节点列表，其中项都是一个图形元素定义。</p>\n"},"onclick":{"description":""},"onmouseover":{"description":""},"onmouseout":{"description":""},"onmousemove":{"description":""},"onmousewheel":{"description":""},"onmousedown":{"description":""},"onmouseup":{"description":""},"ondrag":{"description":""},"ondragstart":{"description":""},"ondragend":{"description":""},"ondragenter":{"description":""},"ondragleave":{"description":""},"ondragover":{"description":""},"ondrop":{"description":""}}},{"properties":{"type":{"description":"<p>用 setOption 首次设定图形元素时必须指定。\n可取值：</p>\n<p><a href=\"#graphic.elements-image\">image</a>,\n<a href=\"#graphic.elements-text\">text</a>,\n<a href=\"#graphic.elements-circle\">circle</a>,\n<a href=\"#graphic.elements-sector\">sector</a>,\n<a href=\"#graphic.elements-ring\">ring</a>,\n<a href=\"#graphic.elements-polygon\">polygon</a>,\n<a href=\"#graphic.elements-polyline\">polyline</a>,\n<a href=\"#graphic.elements-rect\">rect</a>,\n<a href=\"#graphic.elements-line\">line</a>,\n<a href=\"#graphic.elements-bezierCurve\">bezierCurve</a>,\n<a href=\"#graphic.elements-arc\">arc</a>,\n<a href=\"#graphic.elements-group\">group</a>,</p>\n"},"id":{"description":"<p>id 用于在更新或删除图形元素时指定更新哪个图形元素，如果不需要用可以忽略。</p>\n"},"$action":{"description":"<p>setOption 时指定本次对该图形元素的操作行为。</p>\n<p>可取值：</p>\n<ul>\n<li><code>&#39;merge&#39;</code>：如果已有元素，则新的配置项和已有的设定进行 merge。如果没有则新建。</li>\n<li><code>&#39;replace&#39;</code>：如果已有元素，删除之，新建元素替代之。</li>\n<li><code>&#39;remove&#39;</code>：删除元素。</li>\n</ul>\n"},"left":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n"},"right":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n"},"top":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n"},"bottom":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n"},"bounding":{"description":"<p>决定此图形元素在定位时，对自身的包围盒计算方式。</p>\n<p>参见例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/graphic-bounding&edit=1&reset=1\" width=\"500\" height=\"500\" ></iframe>\n\n\n<p>可取值：</p>\n<ul>\n<li><p><code>&#39;all&#39;</code>：（默认）\n  表示用自身以及子节点整体的经过 transform 后的包围盒进行定位。\n  这种方式易于使整体都限制在父元素范围中。</p>\n</li>\n<li><p><code>&#39;raw&#39;</code>：\n  表示仅仅用自身（不包括子节点）的没经过 tranform 的包围盒进行定位。\n  这种方式易于内容超出父元素范围的定位方式。</p>\n</li>\n</ul>\n"},"z":{"description":"<p>z 方向的高度，决定层叠关系。</p>\n"},"zlevel":{"description":"<p>决定此元素绘制在哪个 canvas 层中。注意，越多 canvas 层会占用越多资源。</p>\n"},"silent":{"description":"<p>是否不响应鼠标以及触摸事件。</p>\n"},"invisible":{"description":"<p>节点是否可见。</p>\n"},"cursor":{"description":"<p>鼠标悬浮时在图形元素上时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n"},"draggable":{"description":"<p>图形元素是否可以被拖拽。</p>\n"},"progressive":{"description":"<p>是否渐进式渲染。当图形元素过多时才使用。</p>\n"},"style":{"properties":{"image":{"description":"<p>图片的内容，可以是图片的 URL，也可以是 <a href=\"https://tools.ietf.org/html/rfc2397\" target=\"_blank\">dataURI</a>.</p>\n"},"x":{"description":"<p>图形元素的左上角在父节点坐标系（以父节点左上角为原点）中的横坐标值。</p>\n"},"y":{"description":"<p>图形元素的左上角在父节点坐标系（以父节点左上角为原点）中的纵坐标值。</p>\n"},"width":{"description":"<p>图形元素的宽度。</p>\n"},"height":{"description":"<p>图形元素的高度。</p>\n"},"fill":{"description":"<p>填充色。</p>\n"},"stroke":{"description":"<p>笔画颜色。</p>\n"},"lineWidth":{"description":"<p>笔画宽度。</p>\n"},"shadowBlur":{"description":"<p>阴影宽度。</p>\n"},"shadowOffsetX":{"description":"<p>阴影 X 方向偏移。</p>\n"},"shadowOffsetY":{"description":"<p>阴影 Y 方向偏移。</p>\n"},"shadowColor":{"description":"<p>阴影颜色。</p>\n"}}},"onclick":{"description":""},"onmouseover":{"description":""},"onmouseout":{"description":""},"onmousemove":{"description":""},"onmousewheel":{"description":""},"onmousedown":{"description":""},"onmouseup":{"description":""},"ondrag":{"description":""},"ondragstart":{"description":""},"ondragend":{"description":""},"ondragenter":{"description":""},"ondragleave":{"description":""},"ondragover":{"description":""},"ondrop":{"description":""}}},{"properties":{"type":{"description":"<p>用 setOption 首次设定图形元素时必须指定。\n可取值：</p>\n<p><a href=\"#graphic.elements-image\">image</a>,\n<a href=\"#graphic.elements-text\">text</a>,\n<a href=\"#graphic.elements-circle\">circle</a>,\n<a href=\"#graphic.elements-sector\">sector</a>,\n<a href=\"#graphic.elements-ring\">ring</a>,\n<a href=\"#graphic.elements-polygon\">polygon</a>,\n<a href=\"#graphic.elements-polyline\">polyline</a>,\n<a href=\"#graphic.elements-rect\">rect</a>,\n<a href=\"#graphic.elements-line\">line</a>,\n<a href=\"#graphic.elements-bezierCurve\">bezierCurve</a>,\n<a href=\"#graphic.elements-arc\">arc</a>,\n<a href=\"#graphic.elements-group\">group</a>,</p>\n"},"id":{"description":"<p>id 用于在更新或删除图形元素时指定更新哪个图形元素，如果不需要用可以忽略。</p>\n"},"$action":{"description":"<p>setOption 时指定本次对该图形元素的操作行为。</p>\n<p>可取值：</p>\n<ul>\n<li><code>&#39;merge&#39;</code>：如果已有元素，则新的配置项和已有的设定进行 merge。如果没有则新建。</li>\n<li><code>&#39;replace&#39;</code>：如果已有元素，删除之，新建元素替代之。</li>\n<li><code>&#39;remove&#39;</code>：删除元素。</li>\n</ul>\n"},"left":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n"},"right":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n"},"top":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n"},"bottom":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n"},"bounding":{"description":"<p>决定此图形元素在定位时，对自身的包围盒计算方式。</p>\n<p>参见例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/graphic-bounding&edit=1&reset=1\" width=\"500\" height=\"500\" ></iframe>\n\n\n<p>可取值：</p>\n<ul>\n<li><p><code>&#39;all&#39;</code>：（默认）\n  表示用自身以及子节点整体的经过 transform 后的包围盒进行定位。\n  这种方式易于使整体都限制在父元素范围中。</p>\n</li>\n<li><p><code>&#39;raw&#39;</code>：\n  表示仅仅用自身（不包括子节点）的没经过 tranform 的包围盒进行定位。\n  这种方式易于内容超出父元素范围的定位方式。</p>\n</li>\n</ul>\n"},"z":{"description":"<p>z 方向的高度，决定层叠关系。</p>\n"},"zlevel":{"description":"<p>决定此元素绘制在哪个 canvas 层中。注意，越多 canvas 层会占用越多资源。</p>\n"},"silent":{"description":"<p>是否不响应鼠标以及触摸事件。</p>\n"},"invisible":{"description":"<p>节点是否可见。</p>\n"},"cursor":{"description":"<p>鼠标悬浮时在图形元素上时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n"},"draggable":{"description":"<p>图形元素是否可以被拖拽。</p>\n"},"progressive":{"description":"<p>是否渐进式渲染。当图形元素过多时才使用。</p>\n"},"style":{"properties":{"text":{"description":"<p>文本块文字。可以使用 <code>\\n</code> 来换行。</p>\n"},"x":{"description":"<p>图形元素的左上角在父节点坐标系（以父节点左上角为原点）中的横坐标值。</p>\n"},"y":{"description":"<p>图形元素的左上角在父节点坐标系（以父节点左上角为原点）中的纵坐标值。</p>\n"},"font":{"description":"<p>字体大小、字体类型、粗细、字体样式。格式参见 <a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/font\" target=\"_blank\">css font</a>。</p>\n<p>例如：</p>\n<pre><code>// size | family\nfont: &#39;2em &quot;STHeiti&quot;, sans-serif&#39;\n\n// style | weight | size | family\nfont: &#39;italic bolder 16px cursive&#39;\n\n// weight | size | family\nfont: &#39;bolder 2em &quot;Microsoft YaHei&quot;, sans-serif&#39;\n</code></pre>"},"textAlign":{"description":"<p>水平对齐方式，取值：<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果为 <code>&#39;left&#39;</code>，表示文本最左端在 <code>x</code> 值上。如果为 <code>&#39;right&#39;</code>，表示文本最右端在 <code>x</code> 值上。</p>\n"},"textVerticalAlign":{"description":"<p>垂直对齐方式，取值：<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n"},"fill":{"description":"<p>填充色。</p>\n"},"stroke":{"description":"<p>笔画颜色。</p>\n"},"lineWidth":{"description":"<p>笔画宽度。</p>\n"},"shadowBlur":{"description":"<p>阴影宽度。</p>\n"},"shadowOffsetX":{"description":"<p>阴影 X 方向偏移。</p>\n"},"shadowOffsetY":{"description":"<p>阴影 Y 方向偏移。</p>\n"},"shadowColor":{"description":"<p>阴影颜色。</p>\n"}}},"onclick":{"description":""},"onmouseover":{"description":""},"onmouseout":{"description":""},"onmousemove":{"description":""},"onmousewheel":{"description":""},"onmousedown":{"description":""},"onmouseup":{"description":""},"ondrag":{"description":""},"ondragstart":{"description":""},"ondragend":{"description":""},"ondragenter":{"description":""},"ondragleave":{"description":""},"ondragover":{"description":""},"ondrop":{"description":""}}},{"properties":{"type":{"description":"<p>用 setOption 首次设定图形元素时必须指定。\n可取值：</p>\n<p><a href=\"#graphic.elements-image\">image</a>,\n<a href=\"#graphic.elements-text\">text</a>,\n<a href=\"#graphic.elements-circle\">circle</a>,\n<a href=\"#graphic.elements-sector\">sector</a>,\n<a href=\"#graphic.elements-ring\">ring</a>,\n<a href=\"#graphic.elements-polygon\">polygon</a>,\n<a href=\"#graphic.elements-polyline\">polyline</a>,\n<a href=\"#graphic.elements-rect\">rect</a>,\n<a href=\"#graphic.elements-line\">line</a>,\n<a href=\"#graphic.elements-bezierCurve\">bezierCurve</a>,\n<a href=\"#graphic.elements-arc\">arc</a>,\n<a href=\"#graphic.elements-group\">group</a>,</p>\n"},"id":{"description":"<p>id 用于在更新或删除图形元素时指定更新哪个图形元素，如果不需要用可以忽略。</p>\n"},"$action":{"description":"<p>setOption 时指定本次对该图形元素的操作行为。</p>\n<p>可取值：</p>\n<ul>\n<li><code>&#39;merge&#39;</code>：如果已有元素，则新的配置项和已有的设定进行 merge。如果没有则新建。</li>\n<li><code>&#39;replace&#39;</code>：如果已有元素，删除之，新建元素替代之。</li>\n<li><code>&#39;remove&#39;</code>：删除元素。</li>\n</ul>\n"},"left":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n"},"right":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n"},"top":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n"},"bottom":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n"},"bounding":{"description":"<p>决定此图形元素在定位时，对自身的包围盒计算方式。</p>\n<p>参见例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/graphic-bounding&edit=1&reset=1\" width=\"500\" height=\"500\" ></iframe>\n\n\n<p>可取值：</p>\n<ul>\n<li><p><code>&#39;all&#39;</code>：（默认）\n  表示用自身以及子节点整体的经过 transform 后的包围盒进行定位。\n  这种方式易于使整体都限制在父元素范围中。</p>\n</li>\n<li><p><code>&#39;raw&#39;</code>：\n  表示仅仅用自身（不包括子节点）的没经过 tranform 的包围盒进行定位。\n  这种方式易于内容超出父元素范围的定位方式。</p>\n</li>\n</ul>\n"},"z":{"description":"<p>z 方向的高度，决定层叠关系。</p>\n"},"zlevel":{"description":"<p>决定此元素绘制在哪个 canvas 层中。注意，越多 canvas 层会占用越多资源。</p>\n"},"silent":{"description":"<p>是否不响应鼠标以及触摸事件。</p>\n"},"invisible":{"description":"<p>节点是否可见。</p>\n"},"cursor":{"description":"<p>鼠标悬浮时在图形元素上时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n"},"draggable":{"description":"<p>图形元素是否可以被拖拽。</p>\n"},"progressive":{"description":"<p>是否渐进式渲染。当图形元素过多时才使用。</p>\n"},"shape":{"properties":{"x":{"description":"<p>图形元素的左上角在父节点坐标系（以父节点左上角为原点）中的横坐标值。</p>\n"},"y":{"description":"<p>图形元素的左上角在父节点坐标系（以父节点左上角为原点）中的纵坐标值。</p>\n"},"width":{"description":"<p>图形元素的宽度。</p>\n"},"height":{"description":"<p>图形元素的高度。</p>\n"}}},"style":{"properties":{"fill":{"description":"<p>填充色。</p>\n"},"stroke":{"description":"<p>笔画颜色。</p>\n"},"lineWidth":{"description":"<p>笔画宽度。</p>\n"},"shadowBlur":{"description":"<p>阴影宽度。</p>\n"},"shadowOffsetX":{"description":"<p>阴影 X 方向偏移。</p>\n"},"shadowOffsetY":{"description":"<p>阴影 Y 方向偏移。</p>\n"},"shadowColor":{"description":"<p>阴影颜色。</p>\n"}}},"onclick":{"description":""},"onmouseover":{"description":""},"onmouseout":{"description":""},"onmousemove":{"description":""},"onmousewheel":{"description":""},"onmousedown":{"description":""},"onmouseup":{"description":""},"ondrag":{"description":""},"ondragstart":{"description":""},"ondragend":{"description":""},"ondragenter":{"description":""},"ondragleave":{"description":""},"ondragover":{"description":""},"ondrop":{"description":""}}},{"properties":{"type":{"description":"<p>用 setOption 首次设定图形元素时必须指定。\n可取值：</p>\n<p><a href=\"#graphic.elements-image\">image</a>,\n<a href=\"#graphic.elements-text\">text</a>,\n<a href=\"#graphic.elements-circle\">circle</a>,\n<a href=\"#graphic.elements-sector\">sector</a>,\n<a href=\"#graphic.elements-ring\">ring</a>,\n<a href=\"#graphic.elements-polygon\">polygon</a>,\n<a href=\"#graphic.elements-polyline\">polyline</a>,\n<a href=\"#graphic.elements-rect\">rect</a>,\n<a href=\"#graphic.elements-line\">line</a>,\n<a href=\"#graphic.elements-bezierCurve\">bezierCurve</a>,\n<a href=\"#graphic.elements-arc\">arc</a>,\n<a href=\"#graphic.elements-group\">group</a>,</p>\n"},"id":{"description":"<p>id 用于在更新或删除图形元素时指定更新哪个图形元素，如果不需要用可以忽略。</p>\n"},"$action":{"description":"<p>setOption 时指定本次对该图形元素的操作行为。</p>\n<p>可取值：</p>\n<ul>\n<li><code>&#39;merge&#39;</code>：如果已有元素，则新的配置项和已有的设定进行 merge。如果没有则新建。</li>\n<li><code>&#39;replace&#39;</code>：如果已有元素，删除之，新建元素替代之。</li>\n<li><code>&#39;remove&#39;</code>：删除元素。</li>\n</ul>\n"},"left":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n"},"right":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n"},"top":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n"},"bottom":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n"},"bounding":{"description":"<p>决定此图形元素在定位时，对自身的包围盒计算方式。</p>\n<p>参见例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/graphic-bounding&edit=1&reset=1\" width=\"500\" height=\"500\" ></iframe>\n\n\n<p>可取值：</p>\n<ul>\n<li><p><code>&#39;all&#39;</code>：（默认）\n  表示用自身以及子节点整体的经过 transform 后的包围盒进行定位。\n  这种方式易于使整体都限制在父元素范围中。</p>\n</li>\n<li><p><code>&#39;raw&#39;</code>：\n  表示仅仅用自身（不包括子节点）的没经过 tranform 的包围盒进行定位。\n  这种方式易于内容超出父元素范围的定位方式。</p>\n</li>\n</ul>\n"},"z":{"description":"<p>z 方向的高度，决定层叠关系。</p>\n"},"zlevel":{"description":"<p>决定此元素绘制在哪个 canvas 层中。注意，越多 canvas 层会占用越多资源。</p>\n"},"silent":{"description":"<p>是否不响应鼠标以及触摸事件。</p>\n"},"invisible":{"description":"<p>节点是否可见。</p>\n"},"cursor":{"description":"<p>鼠标悬浮时在图形元素上时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n"},"draggable":{"description":"<p>图形元素是否可以被拖拽。</p>\n"},"progressive":{"description":"<p>是否渐进式渲染。当图形元素过多时才使用。</p>\n"},"shape":{"properties":{"cx":{"description":"<p>图形元素的中心在父节点坐标系（以父节点左上角为原点）中的横坐标值。</p>\n"},"cy":{"description":"<p>图形元素的中心在父节点坐标系（以父节点左上角为原点）中的纵坐标值。</p>\n"},"r":{"description":"<p>外半径。</p>\n"}}},"style":{"properties":{"fill":{"description":"<p>填充色。</p>\n"},"stroke":{"description":"<p>笔画颜色。</p>\n"},"lineWidth":{"description":"<p>笔画宽度。</p>\n"},"shadowBlur":{"description":"<p>阴影宽度。</p>\n"},"shadowOffsetX":{"description":"<p>阴影 X 方向偏移。</p>\n"},"shadowOffsetY":{"description":"<p>阴影 Y 方向偏移。</p>\n"},"shadowColor":{"description":"<p>阴影颜色。</p>\n"}}},"onclick":{"description":""},"onmouseover":{"description":""},"onmouseout":{"description":""},"onmousemove":{"description":""},"onmousewheel":{"description":""},"onmousedown":{"description":""},"onmouseup":{"description":""},"ondrag":{"description":""},"ondragstart":{"description":""},"ondragend":{"description":""},"ondragenter":{"description":""},"ondragleave":{"description":""},"ondragover":{"description":""},"ondrop":{"description":""}}},{"properties":{"type":{"description":"<p>用 setOption 首次设定图形元素时必须指定。\n可取值：</p>\n<p><a href=\"#graphic.elements-image\">image</a>,\n<a href=\"#graphic.elements-text\">text</a>,\n<a href=\"#graphic.elements-circle\">circle</a>,\n<a href=\"#graphic.elements-sector\">sector</a>,\n<a href=\"#graphic.elements-ring\">ring</a>,\n<a href=\"#graphic.elements-polygon\">polygon</a>,\n<a href=\"#graphic.elements-polyline\">polyline</a>,\n<a href=\"#graphic.elements-rect\">rect</a>,\n<a href=\"#graphic.elements-line\">line</a>,\n<a href=\"#graphic.elements-bezierCurve\">bezierCurve</a>,\n<a href=\"#graphic.elements-arc\">arc</a>,\n<a href=\"#graphic.elements-group\">group</a>,</p>\n"},"id":{"description":"<p>id 用于在更新或删除图形元素时指定更新哪个图形元素，如果不需要用可以忽略。</p>\n"},"$action":{"description":"<p>setOption 时指定本次对该图形元素的操作行为。</p>\n<p>可取值：</p>\n<ul>\n<li><code>&#39;merge&#39;</code>：如果已有元素，则新的配置项和已有的设定进行 merge。如果没有则新建。</li>\n<li><code>&#39;replace&#39;</code>：如果已有元素，删除之，新建元素替代之。</li>\n<li><code>&#39;remove&#39;</code>：删除元素。</li>\n</ul>\n"},"left":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n"},"right":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n"},"top":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n"},"bottom":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n"},"bounding":{"description":"<p>决定此图形元素在定位时，对自身的包围盒计算方式。</p>\n<p>参见例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/graphic-bounding&edit=1&reset=1\" width=\"500\" height=\"500\" ></iframe>\n\n\n<p>可取值：</p>\n<ul>\n<li><p><code>&#39;all&#39;</code>：（默认）\n  表示用自身以及子节点整体的经过 transform 后的包围盒进行定位。\n  这种方式易于使整体都限制在父元素范围中。</p>\n</li>\n<li><p><code>&#39;raw&#39;</code>：\n  表示仅仅用自身（不包括子节点）的没经过 tranform 的包围盒进行定位。\n  这种方式易于内容超出父元素范围的定位方式。</p>\n</li>\n</ul>\n"},"z":{"description":"<p>z 方向的高度，决定层叠关系。</p>\n"},"zlevel":{"description":"<p>决定此元素绘制在哪个 canvas 层中。注意，越多 canvas 层会占用越多资源。</p>\n"},"silent":{"description":"<p>是否不响应鼠标以及触摸事件。</p>\n"},"invisible":{"description":"<p>节点是否可见。</p>\n"},"cursor":{"description":"<p>鼠标悬浮时在图形元素上时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n"},"draggable":{"description":"<p>图形元素是否可以被拖拽。</p>\n"},"progressive":{"description":"<p>是否渐进式渲染。当图形元素过多时才使用。</p>\n"},"shape":{"properties":{"cx":{"description":"<p>图形元素的中心在父节点坐标系（以父节点左上角为原点）中的横坐标值。</p>\n"},"cy":{"description":"<p>图形元素的中心在父节点坐标系（以父节点左上角为原点）中的纵坐标值。</p>\n"},"r":{"description":"<p>外半径。</p>\n"},"r0":{"description":"<p>内半径。</p>\n"}}},"style":{"properties":{"fill":{"description":"<p>填充色。</p>\n"},"stroke":{"description":"<p>笔画颜色。</p>\n"},"lineWidth":{"description":"<p>笔画宽度。</p>\n"},"shadowBlur":{"description":"<p>阴影宽度。</p>\n"},"shadowOffsetX":{"description":"<p>阴影 X 方向偏移。</p>\n"},"shadowOffsetY":{"description":"<p>阴影 Y 方向偏移。</p>\n"},"shadowColor":{"description":"<p>阴影颜色。</p>\n"}}},"onclick":{"description":""},"onmouseover":{"description":""},"onmouseout":{"description":""},"onmousemove":{"description":""},"onmousewheel":{"description":""},"onmousedown":{"description":""},"onmouseup":{"description":""},"ondrag":{"description":""},"ondragstart":{"description":""},"ondragend":{"description":""},"ondragenter":{"description":""},"ondragleave":{"description":""},"ondragover":{"description":""},"ondrop":{"description":""}}},{"properties":{"type":{"description":"<p>用 setOption 首次设定图形元素时必须指定。\n可取值：</p>\n<p><a href=\"#graphic.elements-image\">image</a>,\n<a href=\"#graphic.elements-text\">text</a>,\n<a href=\"#graphic.elements-circle\">circle</a>,\n<a href=\"#graphic.elements-sector\">sector</a>,\n<a href=\"#graphic.elements-ring\">ring</a>,\n<a href=\"#graphic.elements-polygon\">polygon</a>,\n<a href=\"#graphic.elements-polyline\">polyline</a>,\n<a href=\"#graphic.elements-rect\">rect</a>,\n<a href=\"#graphic.elements-line\">line</a>,\n<a href=\"#graphic.elements-bezierCurve\">bezierCurve</a>,\n<a href=\"#graphic.elements-arc\">arc</a>,\n<a href=\"#graphic.elements-group\">group</a>,</p>\n"},"id":{"description":"<p>id 用于在更新或删除图形元素时指定更新哪个图形元素，如果不需要用可以忽略。</p>\n"},"$action":{"description":"<p>setOption 时指定本次对该图形元素的操作行为。</p>\n<p>可取值：</p>\n<ul>\n<li><code>&#39;merge&#39;</code>：如果已有元素，则新的配置项和已有的设定进行 merge。如果没有则新建。</li>\n<li><code>&#39;replace&#39;</code>：如果已有元素，删除之，新建元素替代之。</li>\n<li><code>&#39;remove&#39;</code>：删除元素。</li>\n</ul>\n"},"left":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n"},"right":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n"},"top":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n"},"bottom":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n"},"bounding":{"description":"<p>决定此图形元素在定位时，对自身的包围盒计算方式。</p>\n<p>参见例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/graphic-bounding&edit=1&reset=1\" width=\"500\" height=\"500\" ></iframe>\n\n\n<p>可取值：</p>\n<ul>\n<li><p><code>&#39;all&#39;</code>：（默认）\n  表示用自身以及子节点整体的经过 transform 后的包围盒进行定位。\n  这种方式易于使整体都限制在父元素范围中。</p>\n</li>\n<li><p><code>&#39;raw&#39;</code>：\n  表示仅仅用自身（不包括子节点）的没经过 tranform 的包围盒进行定位。\n  这种方式易于内容超出父元素范围的定位方式。</p>\n</li>\n</ul>\n"},"z":{"description":"<p>z 方向的高度，决定层叠关系。</p>\n"},"zlevel":{"description":"<p>决定此元素绘制在哪个 canvas 层中。注意，越多 canvas 层会占用越多资源。</p>\n"},"silent":{"description":"<p>是否不响应鼠标以及触摸事件。</p>\n"},"invisible":{"description":"<p>节点是否可见。</p>\n"},"cursor":{"description":"<p>鼠标悬浮时在图形元素上时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n"},"draggable":{"description":"<p>图形元素是否可以被拖拽。</p>\n"},"progressive":{"description":"<p>是否渐进式渲染。当图形元素过多时才使用。</p>\n"},"shape":{"properties":{"cx":{"description":"<p>图形元素的中心在父节点坐标系（以父节点左上角为原点）中的横坐标值。</p>\n"},"cy":{"description":"<p>图形元素的中心在父节点坐标系（以父节点左上角为原点）中的纵坐标值。</p>\n"},"r":{"description":"<p>外半径。</p>\n"},"r0":{"description":"<p>内半径。</p>\n"},"startAngle":{"description":"<p>开始弧度。</p>\n"},"endAngle":{"description":"<p>结束弧度。</p>\n"},"clockwise":{"description":"<p>是否顺时针。</p>\n"}}},"style":{"properties":{"fill":{"description":"<p>填充色。</p>\n"},"stroke":{"description":"<p>笔画颜色。</p>\n"},"lineWidth":{"description":"<p>笔画宽度。</p>\n"},"shadowBlur":{"description":"<p>阴影宽度。</p>\n"},"shadowOffsetX":{"description":"<p>阴影 X 方向偏移。</p>\n"},"shadowOffsetY":{"description":"<p>阴影 Y 方向偏移。</p>\n"},"shadowColor":{"description":"<p>阴影颜色。</p>\n"}}},"onclick":{"description":""},"onmouseover":{"description":""},"onmouseout":{"description":""},"onmousemove":{"description":""},"onmousewheel":{"description":""},"onmousedown":{"description":""},"onmouseup":{"description":""},"ondrag":{"description":""},"ondragstart":{"description":""},"ondragend":{"description":""},"ondragenter":{"description":""},"ondragleave":{"description":""},"ondragover":{"description":""},"ondrop":{"description":""}}},{"properties":{"type":{"description":"<p>用 setOption 首次设定图形元素时必须指定。\n可取值：</p>\n<p><a href=\"#graphic.elements-image\">image</a>,\n<a href=\"#graphic.elements-text\">text</a>,\n<a href=\"#graphic.elements-circle\">circle</a>,\n<a href=\"#graphic.elements-sector\">sector</a>,\n<a href=\"#graphic.elements-ring\">ring</a>,\n<a href=\"#graphic.elements-polygon\">polygon</a>,\n<a href=\"#graphic.elements-polyline\">polyline</a>,\n<a href=\"#graphic.elements-rect\">rect</a>,\n<a href=\"#graphic.elements-line\">line</a>,\n<a href=\"#graphic.elements-bezierCurve\">bezierCurve</a>,\n<a href=\"#graphic.elements-arc\">arc</a>,\n<a href=\"#graphic.elements-group\">group</a>,</p>\n"},"id":{"description":"<p>id 用于在更新或删除图形元素时指定更新哪个图形元素，如果不需要用可以忽略。</p>\n"},"$action":{"description":"<p>setOption 时指定本次对该图形元素的操作行为。</p>\n<p>可取值：</p>\n<ul>\n<li><code>&#39;merge&#39;</code>：如果已有元素，则新的配置项和已有的设定进行 merge。如果没有则新建。</li>\n<li><code>&#39;replace&#39;</code>：如果已有元素，删除之，新建元素替代之。</li>\n<li><code>&#39;remove&#39;</code>：删除元素。</li>\n</ul>\n"},"left":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n"},"right":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n"},"top":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n"},"bottom":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n"},"bounding":{"description":"<p>决定此图形元素在定位时，对自身的包围盒计算方式。</p>\n<p>参见例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/graphic-bounding&edit=1&reset=1\" width=\"500\" height=\"500\" ></iframe>\n\n\n<p>可取值：</p>\n<ul>\n<li><p><code>&#39;all&#39;</code>：（默认）\n  表示用自身以及子节点整体的经过 transform 后的包围盒进行定位。\n  这种方式易于使整体都限制在父元素范围中。</p>\n</li>\n<li><p><code>&#39;raw&#39;</code>：\n  表示仅仅用自身（不包括子节点）的没经过 tranform 的包围盒进行定位。\n  这种方式易于内容超出父元素范围的定位方式。</p>\n</li>\n</ul>\n"},"z":{"description":"<p>z 方向的高度，决定层叠关系。</p>\n"},"zlevel":{"description":"<p>决定此元素绘制在哪个 canvas 层中。注意，越多 canvas 层会占用越多资源。</p>\n"},"silent":{"description":"<p>是否不响应鼠标以及触摸事件。</p>\n"},"invisible":{"description":"<p>节点是否可见。</p>\n"},"cursor":{"description":"<p>鼠标悬浮时在图形元素上时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n"},"draggable":{"description":"<p>图形元素是否可以被拖拽。</p>\n"},"progressive":{"description":"<p>是否渐进式渲染。当图形元素过多时才使用。</p>\n"},"shape":{"properties":{"cx":{"description":"<p>图形元素的中心在父节点坐标系（以父节点左上角为原点）中的横坐标值。</p>\n"},"cy":{"description":"<p>图形元素的中心在父节点坐标系（以父节点左上角为原点）中的纵坐标值。</p>\n"},"r":{"description":"<p>外半径。</p>\n"},"r0":{"description":"<p>内半径。</p>\n"},"startAngle":{"description":"<p>开始弧度。</p>\n"},"endAngle":{"description":"<p>结束弧度。</p>\n"},"clockwise":{"description":"<p>是否顺时针。</p>\n"}}},"style":{"properties":{"fill":{"description":"<p>填充色。</p>\n"},"stroke":{"description":"<p>笔画颜色。</p>\n"},"lineWidth":{"description":"<p>笔画宽度。</p>\n"},"shadowBlur":{"description":"<p>阴影宽度。</p>\n"},"shadowOffsetX":{"description":"<p>阴影 X 方向偏移。</p>\n"},"shadowOffsetY":{"description":"<p>阴影 Y 方向偏移。</p>\n"},"shadowColor":{"description":"<p>阴影颜色。</p>\n"}}},"onclick":{"description":""},"onmouseover":{"description":""},"onmouseout":{"description":""},"onmousemove":{"description":""},"onmousewheel":{"description":""},"onmousedown":{"description":""},"onmouseup":{"description":""},"ondrag":{"description":""},"ondragstart":{"description":""},"ondragend":{"description":""},"ondragenter":{"description":""},"ondragleave":{"description":""},"ondragover":{"description":""},"ondrop":{"description":""}}},{"properties":{"type":{"description":"<p>用 setOption 首次设定图形元素时必须指定。\n可取值：</p>\n<p><a href=\"#graphic.elements-image\">image</a>,\n<a href=\"#graphic.elements-text\">text</a>,\n<a href=\"#graphic.elements-circle\">circle</a>,\n<a href=\"#graphic.elements-sector\">sector</a>,\n<a href=\"#graphic.elements-ring\">ring</a>,\n<a href=\"#graphic.elements-polygon\">polygon</a>,\n<a href=\"#graphic.elements-polyline\">polyline</a>,\n<a href=\"#graphic.elements-rect\">rect</a>,\n<a href=\"#graphic.elements-line\">line</a>,\n<a href=\"#graphic.elements-bezierCurve\">bezierCurve</a>,\n<a href=\"#graphic.elements-arc\">arc</a>,\n<a href=\"#graphic.elements-group\">group</a>,</p>\n"},"id":{"description":"<p>id 用于在更新或删除图形元素时指定更新哪个图形元素，如果不需要用可以忽略。</p>\n"},"$action":{"description":"<p>setOption 时指定本次对该图形元素的操作行为。</p>\n<p>可取值：</p>\n<ul>\n<li><code>&#39;merge&#39;</code>：如果已有元素，则新的配置项和已有的设定进行 merge。如果没有则新建。</li>\n<li><code>&#39;replace&#39;</code>：如果已有元素，删除之，新建元素替代之。</li>\n<li><code>&#39;remove&#39;</code>：删除元素。</li>\n</ul>\n"},"left":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n"},"right":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n"},"top":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n"},"bottom":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n"},"bounding":{"description":"<p>决定此图形元素在定位时，对自身的包围盒计算方式。</p>\n<p>参见例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/graphic-bounding&edit=1&reset=1\" width=\"500\" height=\"500\" ></iframe>\n\n\n<p>可取值：</p>\n<ul>\n<li><p><code>&#39;all&#39;</code>：（默认）\n  表示用自身以及子节点整体的经过 transform 后的包围盒进行定位。\n  这种方式易于使整体都限制在父元素范围中。</p>\n</li>\n<li><p><code>&#39;raw&#39;</code>：\n  表示仅仅用自身（不包括子节点）的没经过 tranform 的包围盒进行定位。\n  这种方式易于内容超出父元素范围的定位方式。</p>\n</li>\n</ul>\n"},"z":{"description":"<p>z 方向的高度，决定层叠关系。</p>\n"},"zlevel":{"description":"<p>决定此元素绘制在哪个 canvas 层中。注意，越多 canvas 层会占用越多资源。</p>\n"},"silent":{"description":"<p>是否不响应鼠标以及触摸事件。</p>\n"},"invisible":{"description":"<p>节点是否可见。</p>\n"},"cursor":{"description":"<p>鼠标悬浮时在图形元素上时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n"},"draggable":{"description":"<p>图形元素是否可以被拖拽。</p>\n"},"progressive":{"description":"<p>是否渐进式渲染。当图形元素过多时才使用。</p>\n"},"shape":{"properties":{"points":{"description":"<p>点列表，用于定义形状，如 <code>[[22, 44], [44, 55], [11, 44], ...]</code></p>\n"},"smooth":{"description":"<p>是否平滑曲线。</p>\n<ul>\n<li>如果为 number：表示贝塞尔 (bezier) 差值平滑，smooth 指定了平滑等级，范围 <code>[0, 1]</code>。</li>\n<li>如果为 <code>&#39;spline&#39;</code>：表示 Catmull-Rom spline 差值平滑。</li>\n</ul>\n"},"smoothConstraint":{"description":"<p>是否将平滑曲线约束在包围盒中。<code>smooth</code> 为 <code>number</code>（bezier）时生效。</p>\n"}}},"style":{"properties":{"fill":{"description":"<p>填充色。</p>\n"},"stroke":{"description":"<p>笔画颜色。</p>\n"},"lineWidth":{"description":"<p>笔画宽度。</p>\n"},"shadowBlur":{"description":"<p>阴影宽度。</p>\n"},"shadowOffsetX":{"description":"<p>阴影 X 方向偏移。</p>\n"},"shadowOffsetY":{"description":"<p>阴影 Y 方向偏移。</p>\n"},"shadowColor":{"description":"<p>阴影颜色。</p>\n"}}},"onclick":{"description":""},"onmouseover":{"description":""},"onmouseout":{"description":""},"onmousemove":{"description":""},"onmousewheel":{"description":""},"onmousedown":{"description":""},"onmouseup":{"description":""},"ondrag":{"description":""},"ondragstart":{"description":""},"ondragend":{"description":""},"ondragenter":{"description":""},"ondragleave":{"description":""},"ondragover":{"description":""},"ondrop":{"description":""}}},{"properties":{"type":{"description":"<p>用 setOption 首次设定图形元素时必须指定。\n可取值：</p>\n<p><a href=\"#graphic.elements-image\">image</a>,\n<a href=\"#graphic.elements-text\">text</a>,\n<a href=\"#graphic.elements-circle\">circle</a>,\n<a href=\"#graphic.elements-sector\">sector</a>,\n<a href=\"#graphic.elements-ring\">ring</a>,\n<a href=\"#graphic.elements-polygon\">polygon</a>,\n<a href=\"#graphic.elements-polyline\">polyline</a>,\n<a href=\"#graphic.elements-rect\">rect</a>,\n<a href=\"#graphic.elements-line\">line</a>,\n<a href=\"#graphic.elements-bezierCurve\">bezierCurve</a>,\n<a href=\"#graphic.elements-arc\">arc</a>,\n<a href=\"#graphic.elements-group\">group</a>,</p>\n"},"id":{"description":"<p>id 用于在更新或删除图形元素时指定更新哪个图形元素，如果不需要用可以忽略。</p>\n"},"$action":{"description":"<p>setOption 时指定本次对该图形元素的操作行为。</p>\n<p>可取值：</p>\n<ul>\n<li><code>&#39;merge&#39;</code>：如果已有元素，则新的配置项和已有的设定进行 merge。如果没有则新建。</li>\n<li><code>&#39;replace&#39;</code>：如果已有元素，删除之，新建元素替代之。</li>\n<li><code>&#39;remove&#39;</code>：删除元素。</li>\n</ul>\n"},"left":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n"},"right":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n"},"top":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n"},"bottom":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n"},"bounding":{"description":"<p>决定此图形元素在定位时，对自身的包围盒计算方式。</p>\n<p>参见例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/graphic-bounding&edit=1&reset=1\" width=\"500\" height=\"500\" ></iframe>\n\n\n<p>可取值：</p>\n<ul>\n<li><p><code>&#39;all&#39;</code>：（默认）\n  表示用自身以及子节点整体的经过 transform 后的包围盒进行定位。\n  这种方式易于使整体都限制在父元素范围中。</p>\n</li>\n<li><p><code>&#39;raw&#39;</code>：\n  表示仅仅用自身（不包括子节点）的没经过 tranform 的包围盒进行定位。\n  这种方式易于内容超出父元素范围的定位方式。</p>\n</li>\n</ul>\n"},"z":{"description":"<p>z 方向的高度，决定层叠关系。</p>\n"},"zlevel":{"description":"<p>决定此元素绘制在哪个 canvas 层中。注意，越多 canvas 层会占用越多资源。</p>\n"},"silent":{"description":"<p>是否不响应鼠标以及触摸事件。</p>\n"},"invisible":{"description":"<p>节点是否可见。</p>\n"},"cursor":{"description":"<p>鼠标悬浮时在图形元素上时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n"},"draggable":{"description":"<p>图形元素是否可以被拖拽。</p>\n"},"progressive":{"description":"<p>是否渐进式渲染。当图形元素过多时才使用。</p>\n"},"shape":{"properties":{"points":{"description":"<p>点列表，用于定义形状，如 <code>[[22, 44], [44, 55], [11, 44], ...]</code></p>\n"},"smooth":{"description":"<p>是否平滑曲线。</p>\n<ul>\n<li>如果为 number：表示贝塞尔 (bezier) 差值平滑，smooth 指定了平滑等级，范围 <code>[0, 1]</code>。</li>\n<li>如果为 <code>&#39;spline&#39;</code>：表示 Catmull-Rom spline 差值平滑。</li>\n</ul>\n"},"smoothConstraint":{"description":"<p>是否将平滑曲线约束在包围盒中。<code>smooth</code> 为 <code>number</code>（bezier）时生效。</p>\n"}}},"style":{"properties":{"fill":{"description":"<p>填充色。</p>\n"},"stroke":{"description":"<p>笔画颜色。</p>\n"},"lineWidth":{"description":"<p>笔画宽度。</p>\n"},"shadowBlur":{"description":"<p>阴影宽度。</p>\n"},"shadowOffsetX":{"description":"<p>阴影 X 方向偏移。</p>\n"},"shadowOffsetY":{"description":"<p>阴影 Y 方向偏移。</p>\n"},"shadowColor":{"description":"<p>阴影颜色。</p>\n"}}},"onclick":{"description":""},"onmouseover":{"description":""},"onmouseout":{"description":""},"onmousemove":{"description":""},"onmousewheel":{"description":""},"onmousedown":{"description":""},"onmouseup":{"description":""},"ondrag":{"description":""},"ondragstart":{"description":""},"ondragend":{"description":""},"ondragenter":{"description":""},"ondragleave":{"description":""},"ondragover":{"description":""},"ondrop":{"description":""}}},{"properties":{"type":{"description":"<p>用 setOption 首次设定图形元素时必须指定。\n可取值：</p>\n<p><a href=\"#graphic.elements-image\">image</a>,\n<a href=\"#graphic.elements-text\">text</a>,\n<a href=\"#graphic.elements-circle\">circle</a>,\n<a href=\"#graphic.elements-sector\">sector</a>,\n<a href=\"#graphic.elements-ring\">ring</a>,\n<a href=\"#graphic.elements-polygon\">polygon</a>,\n<a href=\"#graphic.elements-polyline\">polyline</a>,\n<a href=\"#graphic.elements-rect\">rect</a>,\n<a href=\"#graphic.elements-line\">line</a>,\n<a href=\"#graphic.elements-bezierCurve\">bezierCurve</a>,\n<a href=\"#graphic.elements-arc\">arc</a>,\n<a href=\"#graphic.elements-group\">group</a>,</p>\n"},"id":{"description":"<p>id 用于在更新或删除图形元素时指定更新哪个图形元素，如果不需要用可以忽略。</p>\n"},"$action":{"description":"<p>setOption 时指定本次对该图形元素的操作行为。</p>\n<p>可取值：</p>\n<ul>\n<li><code>&#39;merge&#39;</code>：如果已有元素，则新的配置项和已有的设定进行 merge。如果没有则新建。</li>\n<li><code>&#39;replace&#39;</code>：如果已有元素，删除之，新建元素替代之。</li>\n<li><code>&#39;remove&#39;</code>：删除元素。</li>\n</ul>\n"},"left":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n"},"right":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n"},"top":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n"},"bottom":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n"},"bounding":{"description":"<p>决定此图形元素在定位时，对自身的包围盒计算方式。</p>\n<p>参见例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/graphic-bounding&edit=1&reset=1\" width=\"500\" height=\"500\" ></iframe>\n\n\n<p>可取值：</p>\n<ul>\n<li><p><code>&#39;all&#39;</code>：（默认）\n  表示用自身以及子节点整体的经过 transform 后的包围盒进行定位。\n  这种方式易于使整体都限制在父元素范围中。</p>\n</li>\n<li><p><code>&#39;raw&#39;</code>：\n  表示仅仅用自身（不包括子节点）的没经过 tranform 的包围盒进行定位。\n  这种方式易于内容超出父元素范围的定位方式。</p>\n</li>\n</ul>\n"},"z":{"description":"<p>z 方向的高度，决定层叠关系。</p>\n"},"zlevel":{"description":"<p>决定此元素绘制在哪个 canvas 层中。注意，越多 canvas 层会占用越多资源。</p>\n"},"silent":{"description":"<p>是否不响应鼠标以及触摸事件。</p>\n"},"invisible":{"description":"<p>节点是否可见。</p>\n"},"cursor":{"description":"<p>鼠标悬浮时在图形元素上时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n"},"draggable":{"description":"<p>图形元素是否可以被拖拽。</p>\n"},"progressive":{"description":"<p>是否渐进式渲染。当图形元素过多时才使用。</p>\n"},"shape":{"properties":{"x1":{"description":"<p>开始点的 x 值。</p>\n"},"y1":{"description":"<p>开始点的 y 值。</p>\n"},"x2":{"description":"<p>结束点的 x 值。</p>\n"},"y2":{"description":"<p>结束点的 y 值。</p>\n"},"percent":{"description":"<p>线画到百分之多少就不画了。值的范围：[0, 1]。</p>\n"}}},"style":{"properties":{"fill":{"description":"<p>填充色。</p>\n"},"stroke":{"description":"<p>笔画颜色。</p>\n"},"lineWidth":{"description":"<p>笔画宽度。</p>\n"},"shadowBlur":{"description":"<p>阴影宽度。</p>\n"},"shadowOffsetX":{"description":"<p>阴影 X 方向偏移。</p>\n"},"shadowOffsetY":{"description":"<p>阴影 Y 方向偏移。</p>\n"},"shadowColor":{"description":"<p>阴影颜色。</p>\n"}}},"onclick":{"description":""},"onmouseover":{"description":""},"onmouseout":{"description":""},"onmousemove":{"description":""},"onmousewheel":{"description":""},"onmousedown":{"description":""},"onmouseup":{"description":""},"ondrag":{"description":""},"ondragstart":{"description":""},"ondragend":{"description":""},"ondragenter":{"description":""},"ondragleave":{"description":""},"ondragover":{"description":""},"ondrop":{"description":""}}},{"properties":{"type":{"description":"<p>用 setOption 首次设定图形元素时必须指定。\n可取值：</p>\n<p><a href=\"#graphic.elements-image\">image</a>,\n<a href=\"#graphic.elements-text\">text</a>,\n<a href=\"#graphic.elements-circle\">circle</a>,\n<a href=\"#graphic.elements-sector\">sector</a>,\n<a href=\"#graphic.elements-ring\">ring</a>,\n<a href=\"#graphic.elements-polygon\">polygon</a>,\n<a href=\"#graphic.elements-polyline\">polyline</a>,\n<a href=\"#graphic.elements-rect\">rect</a>,\n<a href=\"#graphic.elements-line\">line</a>,\n<a href=\"#graphic.elements-bezierCurve\">bezierCurve</a>,\n<a href=\"#graphic.elements-arc\">arc</a>,\n<a href=\"#graphic.elements-group\">group</a>,</p>\n"},"id":{"description":"<p>id 用于在更新或删除图形元素时指定更新哪个图形元素，如果不需要用可以忽略。</p>\n"},"$action":{"description":"<p>setOption 时指定本次对该图形元素的操作行为。</p>\n<p>可取值：</p>\n<ul>\n<li><code>&#39;merge&#39;</code>：如果已有元素，则新的配置项和已有的设定进行 merge。如果没有则新建。</li>\n<li><code>&#39;replace&#39;</code>：如果已有元素，删除之，新建元素替代之。</li>\n<li><code>&#39;remove&#39;</code>：删除元素。</li>\n</ul>\n"},"left":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n"},"right":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的高和此百分比计算出最终值。</li>\n<li><code>&#39;center&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.left\">left</a> 和 <a href=\"#graphic.elements.right\">right</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.left\">left</a> 或 <a href=\"#graphic.elements.right\">right</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>x</code>、<code>cx</code> 等定位属性不再生效。</p>\n"},"top":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n"},"bottom":{"description":"<p>描述怎么根据父元素进行定位。</p>\n<p>『父元素』是指：如果是顶层元素，父元素是 echarts 图表容器。如果是 <code>group</code> 的子元素，父元素就是 <code>group</code> 元素。</p>\n<p>值的类型可以是：</p>\n<ul>\n<li><code>number</code>：表示像素值。</li>\n<li>百分比值：如 &#39;33%&#39;，用父元素的宽和此百分比计算出最终值。</li>\n<li><code>&#39;middle&#39;</code>：表示自动居中。</li>\n</ul>\n<p><a href=\"#graphic.elements.top\">top</a> 和 <a href=\"#graphic.elements.bottom\">bottom</a> 只有一个可以生效。</p>\n<p>如果指定 <a href=\"#graphic.elements.top\">top</a> 或 <a href=\"#graphic.elements.bottom\">bottom</a>，则 <a href=\"#graphic.elements.shape\">shape</a> 里的 <code>y</code>、<code>cy</code> 等定位属性不再生效。</p>\n"},"bounding":{"description":"<p>决定此图形元素在定位时，对自身的包围盒计算方式。</p>\n<p>参见例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/graphic-bounding&edit=1&reset=1\" width=\"500\" height=\"500\" ></iframe>\n\n\n<p>可取值：</p>\n<ul>\n<li><p><code>&#39;all&#39;</code>：（默认）\n  表示用自身以及子节点整体的经过 transform 后的包围盒进行定位。\n  这种方式易于使整体都限制在父元素范围中。</p>\n</li>\n<li><p><code>&#39;raw&#39;</code>：\n  表示仅仅用自身（不包括子节点）的没经过 tranform 的包围盒进行定位。\n  这种方式易于内容超出父元素范围的定位方式。</p>\n</li>\n</ul>\n"},"z":{"description":"<p>z 方向的高度，决定层叠关系。</p>\n"},"zlevel":{"description":"<p>决定此元素绘制在哪个 canvas 层中。注意，越多 canvas 层会占用越多资源。</p>\n"},"silent":{"description":"<p>是否不响应鼠标以及触摸事件。</p>\n"},"invisible":{"description":"<p>节点是否可见。</p>\n"},"cursor":{"description":"<p>鼠标悬浮时在图形元素上时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n"},"draggable":{"description":"<p>图形元素是否可以被拖拽。</p>\n"},"progressive":{"description":"<p>是否渐进式渲染。当图形元素过多时才使用。</p>\n"},"shape":{"properties":{"x1":{"description":"<p>开始点的 x 值。</p>\n"},"y1":{"description":"<p>开始点的 y 值。</p>\n"},"x2":{"description":"<p>结束点的 x 值。</p>\n"},"y2":{"description":"<p>结束点的 y 值。</p>\n"},"cpx1":{"description":"<p>控制点 x 值。</p>\n"},"cpy1":{"description":"<p>控制点 y 值。</p>\n"},"cpx2":{"description":"<p>第二个控制点 x 值。如果设置则开启三阶贝塞尔曲线。</p>\n"},"cpy2":{"description":"<p>第二个控制点 y 值。如果设置则开启三阶贝塞尔曲线。</p>\n"},"percent":{"description":"<p>画到百分之多少就不画了。值的范围：[0, 1]。</p>\n"}}},"style":{"properties":{"fill":{"description":"<p>填充色。</p>\n"},"stroke":{"description":"<p>笔画颜色。</p>\n"},"lineWidth":{"description":"<p>笔画宽度。</p>\n"},"shadowBlur":{"description":"<p>阴影宽度。</p>\n"},"shadowOffsetX":{"description":"<p>阴影 X 方向偏移。</p>\n"},"shadowOffsetY":{"description":"<p>阴影 Y 方向偏移。</p>\n"},"shadowColor":{"description":"<p>阴影颜色。</p>\n"}}},"onclick":{"description":""},"onmouseover":{"description":""},"onmouseout":{"description":""},"onmousemove":{"description":""},"onmousewheel":{"description":""},"onmousedown":{"description":""},"onmouseup":{"description":""},"ondrag":{"description":""},"ondragstart":{"description":""},"ondragend":{"description":""},"ondragenter":{"description":""},"ondragleave":{"description":""},"ondragover":{"description":""},"ondrop":{"description":""}}}]}}}},"calendar":{"properties":{"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"zlevel":{"description":"<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"left":{"description":"<p>calendar组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"top":{"description":"<p>calendar组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"right":{"description":"<p>calendar组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n"},"bottom":{"description":"<p>calendar组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n"},"width":{"description":"<p>日历坐标的整体宽度</p>\n<p>注意: 默认cellSize 为20，若设置了<code>width</code>的值, 则<code>cellSize</code>中的宽度强制转为<code>auto</code>;</p>\n"},"height":{"description":"<p>日历坐标的整体高度，</p>\n<p>注意: 默认cellSize 为20，若设置了<code>height</code>的值, 则<code>cellSize</code>中的高度强制转为<code>auto</code>;</p>\n"},"range":{"description":"<p>必填，日历坐标的范围 支持多种格式</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">\n// 某一年\nrange: 2017\n\n// 某个月\nrange: &#39;2017-02&#39;\n\n// 某个区间\nrange: [&#39;2017-01-02&#39;, &#39;2017-02-23&#39;]\n\n// 注意 此写法会识别为[&#39;2017-01-01&#39;, &#39;2017-02-01&#39;]\nrange: [&#39;2017-01&#39;, &#39;2017-02&#39;]\n</code></pre>\n"},"cellSize":{"description":"<p>日历每格框的大小，可设置单值 或数组  第一个元素是宽 第二个元素是高。\n支持设置自适应：<code>auto</code>, 默认为高宽均为20</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">\n// 设置宽高均为20\ncellSize: 20\n\n// 设置宽为20，高为40\ncellSize: [20, 40]\n\n// 设置宽高均为40\ncellSize: [40]\n\n// 设置宽高均自适应\ncellSize: &#39;auto&#39;\n\n// 设置宽自适应，高为40\ncellSize: [&#39;auto&#39;, 40]\n</code></pre>\n"},"orient":{"description":"<p>日历坐标的布局朝向。</p>\n<p>可选：</p>\n<ul>\n<li>&#39;horizontal&#39;</li>\n<li>&#39;vertical&#39;</li>\n</ul>\n"},"splitLine":{"properties":{"show":{"description":"<p>是否显示分隔线。默认显示。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>分隔线线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>分隔线线宽。</p>\n"},"type":{"description":"<p>分隔线线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">calendar: [{\n    splitLine: {\n        show: true,\n        lineStyle: {\n            color: &#39;#000&#39;,\n            width: 1,\n            type: &#39;solid&#39;\n        }\n    }\n}]\n</code></pre>\n"}}}}},"itemStyle":{"properties":{"color":{"description":"<p>calendar图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>calendar图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>calendar描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">calendar: [{\n    itemStyle: {\n        color: &#39;#fff&#39;,\n        borderWidth: 1,\n        borderColor: &#39;#ccc&#39;\n    }\n}]\n</code></pre>\n"}}},"dayLabel":{"properties":{"show":{"description":"<p>是否在普通状态下显示标签。</p>\n"},"firstDay":{"description":"<p>一周从周几开始，默认从周日开始</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">\ncalendar: [{\n    dayLabel: {\n        firstDay: 1 // 从周一开始\n    }\n}]\n</code></pre>\n"},"margin":{"description":"<p>星期标签与轴线之间的距离</p>\n"},"position":{"description":"<p>星期的位置 在星期轴的开头还是结尾。</p>\n<p>可选：</p>\n<ul>\n<li>&#39;start&#39;</li>\n<li>&#39;end&#39;</li>\n</ul>\n"},"nameMap":{"description":"<p>星期显示的效果，默认为&#39;en&#39;\n可设置中英文以及自定义\n下标0为对应星期天的文字显示</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 快捷设置英文 [&#39;S&#39;, &#39;M&#39;, &#39;T&#39;, &#39;W&#39;, &#39;T&#39;, &#39;F&#39;, &#39;S&#39;],\nnameMap: &#39;en&#39;\n// 快捷设置中文 [&#39;日&#39;, &#39;一&#39;, &#39;二&#39;, &#39;三&#39;, &#39;四&#39;, &#39;五&#39;, &#39;六&#39;]\nnameMap: &#39;cn&#39;\n// 自定义设置： 中英文混杂 或者不显示\nnameMap: [&#39;S&#39;, &#39;一&#39;, &#39;T&#39;, &#39;三&#39;, &#39;&#39;, &#39;五&#39;, &#39;S&#39;],\n\ncalendar: [{\n    dayLabel: {\n        nameMap: &#39;en&#39;\n    }\n}]\n</code></pre>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"monthLabel":{"properties":{"show":{"description":"<p>是否在普通状态下显示标签。</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"margin":{"description":"<p>月份标签与轴线之间的距离</p>\n"},"position":{"description":"<p>月份的位置 在开头还是结尾。</p>\n<p>可选：</p>\n<ul>\n<li>&#39;start&#39;</li>\n<li>&#39;end&#39;</li>\n</ul>\n"},"nameMap":{"description":"<p>月份显示的效果，默认为&#39;en&#39;\n可设置中英文以及自定义\n下标0为对应一月的文字显示</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 快捷设置英文 [\n                &#39;Jan&#39;, &#39;Feb&#39;, &#39;Mar&#39;,\n                &#39;Apr&#39;, &#39;May&#39;, &#39;Jun&#39;,\n                &#39;Jul&#39;, &#39;Aug&#39;, &#39;Sep&#39;,\n                &#39;Oct&#39;, &#39;Nov&#39;, &#39;Dec&#39;\n            ],\nnameMap: &#39;en&#39;\n// 快捷设置中文 [\n                &#39;一月&#39;, &#39;二月&#39;, &#39;三月&#39;,\n                &#39;四月&#39;, &#39;五月&#39;, &#39;六月&#39;,\n                &#39;七月&#39;, &#39;八月&#39;, &#39;九月&#39;,\n                &#39;十月&#39;, &#39;十一月&#39;, &#39;十二月&#39;\n            ]\nnameMap: &#39;cn&#39;\n// 自定义设置： 中英文混杂 或者不显示\nnameMap: [\n            &#39;一月&#39;, &#39;Feb&#39;, &#39;三月&#39;,\n            &#39;四月&#39;, &#39;May&#39;, &#39;六月&#39;,\n            &#39;七月&#39;, &#39;八月&#39;, &#39;&#39;,\n            &#39;十月&#39;, &#39;Nov&#39;, &#39;十二月&#39;\n        ],\n\ncalendar: [{\n    monthLabel: {\n        nameMap: &#39;en&#39;\n    }\n}]\n</code></pre>\n"},"formatter":{"description":"<p>用来格式化月份文本，支持字符串模板和回调函数两种形式。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">// 使用字符串模板，例如：2017-02\n/*\n    模板变量{nameMap} 月份原本名称 eg：&#39;Feb&#39;\n    模板变量{yyyy}   四位数年份 eg: 2017\n    模板变量{yy}   后两位数年份 eg: 17\n    模板变量{MM}   两位数月份 eg: 02\n    模板变量{M}   一位数月份 eg: 2\n*/\nformatter: &#39;{yyyy}-{MM}&#39;\n// 使用回调函数\n/*\n    param.nameMap 月份原本名称 eg：&#39;Feb&#39;\n    param.yyyy   四位数年份 eg: 2017\n    param.yy   后两位数年份 eg: 17\n    param.MM   两位数月份 eg: 02\n    param.M   一位数月份 eg: 2\n*/\nformatter: function (param) {\n    // ...\n    return param.MM;\n}\n</code></pre>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"yearLabel":{"properties":{"show":{"description":"<p>是否在普通状态下显示标签。</p>\n"},"margin":{"description":"<p>年份与轴线之间的距离</p>\n"},"position":{"description":"<p>年份的位置\n默认横向是&#39;left&#39; 竖向是&#39;top&#39;</p>\n<p>可选：</p>\n<ul>\n<li>&#39;top&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n</ul>\n"},"formatter":{"description":"<p>用来格式化年份文本，支持字符串模板和回调函数两种形式。\n默认显示当前范围的年  若区间跨年 显示(&#39;start-end&#39;)</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">// 使用字符串模板，例如：[&#39;2017-10-11&#39;, &#39;2018-01-21&#39;]\n/*\n    模板变量{nameMap} 年份原本名称 eg：&#39;2017-2018&#39;\n    模板变量{start}   开始年份 eg: 2017\n    模板变量{end}   结束年份 eg: 2018\n*/\n\nformatter: &#39;{start}-{end}&#39;\n// 使用回调函数\n/*\n    param.nameMap 年份原本名称 eg：&#39;2017-2018&#39;\n    param.start   开始年份 eg: 2017\n    param.end   结束年份 eg: 2018\n*/\nformatter: function (param) {\n    // ...\n    return param.end;\n}\n</code></pre>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"}}},"dataset":{"properties":{"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"source":{"description":"<p>原始数据。一般来说，原始数据表达的是二维表。可以用如下这些格式表达二维表：</p>\n<p>二维数组，其中第一行/列可以给出 <a href=\"#dataset.dimensions\">维度名</a>，也可以不给出，直接就是数据：</p>\n<pre><code class=\"lang-js\">[\n    [&#39;product&#39;, &#39;2015&#39;, &#39;2016&#39;, &#39;2017&#39;],\n    [&#39;Matcha Latte&#39;, 43.3, 85.8, 93.7],\n    [&#39;Milk Tea&#39;, 83.1, 73.4, 55.1],\n    [&#39;Cheese Cocoa&#39;, 86.4, 65.2, 82.5],\n    [&#39;Walnut Brownie&#39;, 72.4, 53.9, 39.1]\n]\n</code></pre>\n<p>按行的 key-value 形式（对象数组），其中键（key）表明了 <a href=\"#dataset.dimensions\">维度名</a>：</p>\n<pre><code class=\"lang-js\">[\n    {product: &#39;Matcha Latte&#39;, count: 823, score: 95.8},\n    {product: &#39;Milk Tea&#39;, count: 235, score: 81.4},\n    {product: &#39;Cheese Cocoa&#39;, count: 1042, score: 91.2},\n    {product: &#39;Walnut Brownie&#39;, count: 988, score: 76.9}\n]\n</code></pre>\n<p>按列的 key-value 形式，每一项表示二维表的 “一列”：</p>\n<pre><code class=\"lang-js\">{\n    &#39;product&#39;: [&#39;Matcha Latte&#39;, &#39;Milk Tea&#39;, &#39;Cheese Cocoa&#39;, &#39;Walnut Brownie&#39;],\n    &#39;count&#39;: [823, 235, 1042, 988],\n    &#39;score&#39;: [95.8, 81.4, 91.2, 76.9]\n}\n</code></pre>\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"},"dimensions":{"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            // &#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;\n            [12, 44, 55, 66, 2],\n            [23, 6, 16, 23, 1],\n            ...\n        ]\n    },\n    series: {\n        type: &#39;xxx&#39;,\n        // 定义了每个维度的名称。这个名称会被显示到默认的 tooltip 中。\n        dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    }\n}\n</code></pre>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [\n        null,                // 如果此维度不想给出定义，则使用 null 即可\n        {type: &#39;ordinal&#39;},   // 只定义此维度的类型。\n                             // &#39;ordinal&#39; 表示离散型，一般文本使用这种类型。\n                             // 如果类型没有被定义，会自动猜测类型。\n        {name: &#39;good&#39;, type: &#39;number&#39;},\n        &#39;bad&#39;                // 等同于 {name: &#39;bad&#39;}\n    ]\n}\n</code></pre>\n<p><code>dimensions</code> 数组中的每一项可以是：</p>\n<ul>\n<li><code>string</code>，如 <code>&#39;someName&#39;</code>，等同于 <code>{name: &#39;someName&#39;}</code></li>\n<li><code>Object</code>，属性可以有：<ul>\n<li>name: <code>string</code>。</li>\n<li>type: <code>string</code>，支持<ul>\n<li><code>number</code>，默认，表示普通数据。</li>\n<li><code>ordinal</code>，对于类目、文本这些 string 类型的数据，如果需要能在数轴上使用，须是 &#39;ordinal&#39; 类型。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>，表示时间类型。设置成 &#39;time&#39; 则能支持自动解析数据成时间戳（timestamp），比如该维度的数据是 &#39;2017-05-10&#39;，会自动被解析。时间类型的支持参见 <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"},"sourceHeader":{"description":"<p><code>dataset.source</code> 第一行/列是否是 <a href=\"dataset.dimensions\" target=\"_blank\">维度名</a> 信息。可选值：</p>\n<ul>\n<li><code>null/undefine</code>：默认，自动探测。</li>\n<li><code>true</code>：第一行/列是维度名信息。</li>\n<li><code>false</code>：第一行/列直接开始是数据。</li>\n</ul>\n<p>注意：“第一行/列” 的意思是，如果 <a href=\"#series.seriesLayoutBy\">series.seriesLayoutBy</a> 设置为 <code>&#39;column&#39;</code>（默认值），则取第一行，如果 <code>series.seriesLayoutBy</code> 设置为 <code>&#39;row&#39;</code>，则取第一列。</p>\n"}}},"aria":{"properties":{"show":{"description":"<p>是否开启无障碍访问。开启后将生成 <code>aria-label</code> 属性。</p>\n"},"description":{"description":"<p>默认采用算法自动生成图表描述，如果用户需要完全自定义，可以将这个值设为描述。如将其设置为 <code>&#39;这是一个展示了价格走势的图表&#39;</code>，则 <code>aria-label</code> 属性的值即为该字符串。</p>\n<p>这一配置项常用于展示单个的数据并不能展示图表内容时，用户显示指定概括性描述图表的文字。例如图表是一个包含大量散点图的地图，默认的算法只能显示数据点的位置，不能从整体上传达作者的意图。这时候，可以将 <code>description</code> 指定为作者想表达的内容即可。</p>\n"},"general":{"properties":{"withTitle":{"description":"<p>如果图表存在 <a href=\"#title.text\">title.text</a>，则采用 <code>withTitle</code>。其中包括模板变量：</p>\n<ul>\n<li><code>{title}</code>：将被替换为图表的 <a href=\"#title.text\">title.text</a>。</li>\n</ul>\n"},"withoutTitle":{"description":"<p>如果图表不存在 <a href=\"#title.text\">title.text</a>，则采用 <code>withoutTitle</code>。</p>\n"}}},"series":{"properties":{"maxCount":{"description":"<p>描述中最多出现的系列个数。</p>\n"},"single":{"properties":{"prefix":{"description":"<p>对于所有系列的整体性描述，显示在每个系列描述之前。其中包括模板变量：</p>\n<ul>\n<li><code>{seriesCount}</code>：将被替换为系列个数，这里始终为 1。</li>\n</ul>\n"},"withName":{"description":"<p>如果系列有 <code>name</code> 属性，则采用该描述。其中包括模板变量：</p>\n<ul>\n<li><code>{seriesName}</code>：将被替换为系列的 <code>name</code>；</li>\n<li><code>{seriesType}</code>：将被替换为系列的类型名称，如：<code>&#39;柱状图&#39;</code>、 <code>&#39;折线图&#39;</code> 等等。</li>\n</ul>\n"},"withoutName":{"description":"<p>如果系列没有 <code>name</code> 属性，则采用该描述。其中包括模板变量：</p>\n<ul>\n<li><code>{seriesType}</code>：将被替换为系列的类型名称，如：<code>&#39;柱状图&#39;</code>、 <code>&#39;折线图&#39;</code> 等等。</li>\n</ul>\n"}}},"multiple":{"properties":{"prefix":{"description":"<p>对于所有系列的整体性描述，显示在每个系列描述之前。其中包括模板变量：</p>\n<ul>\n<li><code>{seriesCount}</code>：将被替换为系列个数。</li>\n</ul>\n"},"withName":{"description":"<p>如果系列有 <code>name</code> 属性，则采用该描述。其中包括模板变量：</p>\n<ul>\n<li><code>{seriesName}</code>：将被替换为系列的 <code>name</code>；</li>\n<li><code>{seriesType}</code>：将被替换为系列的类型名称，如：<code>&#39;柱状图&#39;</code>、 <code>&#39;折线图&#39;</code> 等等。</li>\n</ul>\n"},"withoutName":{"description":"<p>如果系列没有 <code>name</code> 属性，则采用该描述。其中包括模板变量：</p>\n<ul>\n<li><code>{seriesType}</code>：将被替换为系列的类型名称，如：<code>&#39;柱状图&#39;</code>、 <code>&#39;折线图&#39;</code> 等等。</li>\n</ul>\n"},"separator":{"properties":{"middle":{"description":"<p>除了最后一个系列后的分隔符。</p>\n"},"end":{"description":"<p>最后一个系列后的分隔符。</p>\n"}}}}}}},"data":{"properties":{"maxCount":{"description":"<p>描述中每个系列最多出现的数据个数。</p>\n"},"allData":{"description":"<p>当数据全部显示时采用的描述。这一配置项<strong>不会</strong>使得数据全部显示，可以通过将 <a href=\"#aria.data.maxCount\">aria.data.maxCount</a> 设置为 <code>Number.MAX_VALUE</code> 实现全部显示的效果。</p>\n"},"partialData":{"description":"<p>当只有部分数据显示时采用的描述。其中包括模板变量：</p>\n<ul>\n<li><code>{displayCnt}</code>：将被替换为显示的数据个数。</li>\n</ul>\n"},"withName":{"description":"<p>如果数据有 <code>name</code> 属性，则采用该描述。其中包括模板变量：</p>\n<ul>\n<li><code>{name}</code>：将被替换为数据的 <code>name</code>；</li>\n<li><code>{value}</code>：将被替换为数据的值。</li>\n</ul>\n"},"withoutName":{"description":"<p>如果数据没有 <code>name</code> 属性，则采用该描述。其中包括模板变量：</p>\n<ul>\n<li><code>{value}</code>：将被替换为数据的值。</li>\n</ul>\n"},"separator":{"properties":{"middle":{"description":"<p>除了最后一个数据后的分隔符。</p>\n"},"end":{"description":"<p>最后一个数据后的分隔符。</p>\n<p>需要注意的是，通常最后一个数据后是系列的 <code>separator.end</code>，所以 <code>data.separator.end</code> 在大多数情况下为空字符串。</p>\n"}}}}}}},"series":{"items":{"anyOf":[{"properties":{"type":{"description":""},"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"description":"<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"coordinateSystem":{"description":"<p>该系列使用的坐标系，可选：</p>\n<ul>\n<li><p><code>&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系（也称笛卡尔坐标系），通过 <a href=\"#series-bar.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-bar.yAxisIndex\">yAxisIndex</a>指定相应的坐标轴组件。</p>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;polar&#39;</code></p>\n<p>  使用极坐标系，通过 <a href=\"#series-bar.polarIndex\">polarIndex</a> 指定相应的极坐标组件</p>\n</li>\n</ul>\n"},"xAxisIndex":{"description":"<p>使用的 <a href=\"#xAxis\">x 轴</a>的 index，在单个图表实例中存在多个 x 轴的时候有用。</p>\n"},"yAxisIndex":{"description":"<p>使用的 <a href=\"#yAxis\">y 轴</a>的 index，在单个图表实例中存在多个 y轴的时候有用。</p>\n"},"polarIndex":{"description":"<p>使用的<a href=\"#polar\">极坐标系</a>的 index，在单个图表实例中存在多个极坐标系的时候有用。</p>\n"},"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-line.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"showSymbol":{"description":"<p>是否显示 symbol, 如果 <code>false</code> 则只有在 tooltip hover 的时候显示。</p>\n"},"showAllSymbol":{"description":"<p>标志图形默认只有主轴显示（随主轴标签间隔隐藏策略），如需全部显示可把 showAllSymbol 设为 <code>true</code>。</p>\n"},"hoverAnimation":{"description":"<p>是否开启 hover 在拐点标志上的提示动画效果。</p>\n"},"legendHoverLink":{"description":"<p>是否启用<a href=\"#legend\">图例</a> hover 时的联动高亮。</p>\n"},"stack":{"description":"<p>数据堆叠，同个类目轴上系列配置相同的<code>stack</code>值后，后一个系列的值会在前一个系列的值上相加。</p>\n<p>下面示例可以通过右上角 <a href=\"#toolbox\">toolbox</a> 中的堆叠切换看效果：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/line-stack-tiled&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n\n\n"},"cursor":{"description":"<p>鼠标悬浮时在图形元素上时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n"},"connectNulls":{"description":"<p>是否连接空数据。</p>\n"},"clipOverflow":{"description":"<p>是否对超出部分裁剪，默认裁剪。</p>\n"},"step":{"description":"<p>是否是阶梯线图。可以设置为 <code>true</code> 显示成阶梯线图，也支持设置成 <code>&#39;start&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;end&#39;</code> 分别配置在当前点，当前点与下个点的中间点，下个点拐弯。</p>\n<p>不同的配置效果如下：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=line-step&edit=1&reset=1\" width=\"600\" height=\"400\" ></iframe>\n\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n<p>支持使用回调函数。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(params: Object) =&gt; Color\n</code></pre>\n<p>传入的是数据项 <code>seriesIndex</code>, <code>dataIndex</code>, <code>data</code>, <code>value</code> 等各个参数。</p>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"areaStyle":{"properties":{"color":{"description":"<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"origin":{"description":"<p>图形区域的起始位置。</p>\n<p>默认情况下，图形会从坐标轴轴线到数据间进行填充。如果需要填充的区域是坐标轴最大值到数据间，或者坐标轴最小值到数据间，则可以通过这个配置项进行设置。</p>\n<p>可选值包括 <code>&#39;auto&#39;</code>（默认值）、 <code>&#39;start&#39;</code>、 <code>&#39;end&#39;</code>。</p>\n<ul>\n<li><code>&#39;auto&#39;</code> 填充坐标轴轴线到数据间的区域；</li>\n<li><code>&#39;start&#39;</code> 填充坐标轴底部（非 <code>inverse</code> 情况是最小值）到数据间的区域；</li>\n<li><code>&#39;end&#39;</code> 填充坐标轴顶部（非 <code>inverse</code> 情况是最大值）到数据间的区域。</li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"smooth":{"description":"<p>是否平滑曲线显示。</p>\n<p>如果是 <code>boolean</code> 类型，则表示是否开启平滑处理。如果是 <code>number</code> 类型（取值范围 0 到 1），表示平滑程度，越小表示越接近折线段，反之则反。设为 <code>true</code> 时相当于设为 <code>0.5</code>。</p>\n<p>如果需要修改平滑算法，请参考 <a href=\"#series-line.smoothMonotone\">smoothMonotone</a>。</p>\n"},"smoothMonotone":{"description":"<p>折线平滑后是否在一个维度上保持单调性，可以设置成<code>&#39;x&#39;</code>, <code>&#39;y&#39;</code>来指明是在 x 轴或者 y 轴上保持单调性。设置为 <code>&#39;none&#39;</code> 则采用不单调的平滑算法。</p>\n<p>ECharts 4.0.3 版本起，更新了折线平滑的默认算法，原先的算法可以通过将 <code>smoothMonotone</code> 设为 <code>&#39;none&#39;</code> 实现。下图是新老算法的效果对比图：</p>\n<p><img width=\"600\" height=\"auto\" src=\"documents/asset/img/smooth-old-vs-new.png\"></p>\n<p>老算法存在以下问题：</p>\n<p><img width=\"600\" height=\"auto\" src=\"documents/asset/img/smooth-old-problem.png\"></p>\n<p>老算法的控制点平行前后点组成的向量，而新算法的控制点始终是水平（如果数据的第 0 个维度上是单调递增的）或竖直的（如果数据的第 1 个维度上是单调递增的）。</p>\n<p><img width=\"600\" height=\"auto\" src=\"documents/asset/img/smooth-algorithm.png\"></p>\n<p>但是新算法对于数据不单调的时候会产生不理想的效果。</p>\n<p><img width=\"600\" height=\"auto\" src=\"documents/asset/img/smooth-non-monotone-x.png\"></p>\n<p>因此，我们建议在默认情况下使用新算法（即不需要设置 <code>smoothMonotone</code>）。如果数据的 Y 坐标是单调递增的，则将其设为 <code>&#39;y&#39;</code>。如果数据在任何方向上都不是单调递增的，则将其设置为 <code>&#39;none&#39;</code> 使用老算法。</p>\n"},"sampling":{"description":"<p>折线图在数据量远大于像素点时候的降采样策略，开启后可以有效的优化图表的绘制效率，默认关闭，也就是全部绘制不过滤数据点。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;average&#39;</code> 取过滤点的平均值</li>\n<li><code>&#39;max&#39;</code> 取过滤点的最大值</li>\n<li><code>&#39;min&#39;</code> 取过滤点的最小值</li>\n<li><code>&#39;sum&#39;</code> 取过滤点的和</li>\n</ul>\n"},"dimensions":{"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            // &#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;\n            [12, 44, 55, 66, 2],\n            [23, 6, 16, 23, 1],\n            ...\n        ]\n    },\n    series: {\n        type: &#39;xxx&#39;,\n        // 定义了每个维度的名称。这个名称会被显示到默认的 tooltip 中。\n        dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    }\n}\n</code></pre>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [\n        null,                // 如果此维度不想给出定义，则使用 null 即可\n        {type: &#39;ordinal&#39;},   // 只定义此维度的类型。\n                             // &#39;ordinal&#39; 表示离散型，一般文本使用这种类型。\n                             // 如果类型没有被定义，会自动猜测类型。\n        {name: &#39;good&#39;, type: &#39;number&#39;},\n        &#39;bad&#39;                // 等同于 {name: &#39;bad&#39;}\n    ]\n}\n</code></pre>\n<p><code>dimensions</code> 数组中的每一项可以是：</p>\n<ul>\n<li><code>string</code>，如 <code>&#39;someName&#39;</code>，等同于 <code>{name: &#39;someName&#39;}</code></li>\n<li><code>Object</code>，属性可以有：<ul>\n<li>name: <code>string</code>。</li>\n<li>type: <code>string</code>，支持<ul>\n<li><code>number</code>，默认，表示普通数据。</li>\n<li><code>ordinal</code>，对于类目、文本这些 string 类型的数据，如果需要能在数轴上使用，须是 &#39;ordinal&#39; 类型。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>，表示时间类型。设置成 &#39;time&#39; 则能支持自动解析数据成时间戳（timestamp），比如该维度的数据是 &#39;2017-05-10&#39;，会自动被解析。时间类型的支持参见 <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"},"encode":{"description":"<p>可以定义 <code>data</code> 的哪个维度被编码成什么。比如：</p>\n<pre><code class=\"lang-js\">option = {\n    dataset: {\n        source: [\n            // 每一列称为一个『维度』。\n            // 这里分别是维度 0、1、2、3、4。\n            [12, 44, 55, 66, 2],\n            [23, 6, 16, 23, 1],\n            ...\n        ]\n    },\n    series: {\n        type: &#39;xxx&#39;,\n        encode: {\n            x: [3, 1, 5],      // 表示维度 3、1、5 映射到 x 轴。\n            y: 2,              // 表示维度 2 映射到 y 轴。\n            tooltip: [3, 2, 4] // 表示维度 3、2、4 会在 tooltip 中显示。\n        }\n    }\n}\n</code></pre>\n<p>encode 支持的属性，根据坐标系不同而不同。\n对于 <a href=\"#grid\">直角坐标系（cartesian2d）</a>，支持 <code>x</code>、<code>y</code>。\n对于 <a href=\"#polar\">极坐标系（polar）</a>，支持 <code>radius</code>、<code>angle</code>。\n对于 <a href=\"#geo\">地理坐标系（geo）</a>，支持 <code>lng</code>，<code>lat</code>。\n此外，均支持 <code>tooltip</code> 和 <code>itemName</code>（用于指定 tooltip 中数据项名称）。</p>\n<p>当使用 <a href=\"#series.dimensions\">dimensions</a> 给维度定义名称后，<code>encode</code> 中可直接引用名称，例如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;],\n    encode: {\n        x: &#39;date&#39;,\n        y: [&#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    }\n}\n</code></pre>\n"},"seriesLayoutBy":{"description":"<p>当使用 <a href=\"#dataset\">dataset</a> 时，<code>seriesLayoutBy</code> 指定了 <code>dataset</code> 中用行还是列对应到系列上，也就是说，系列“排布”到 <code>dataset</code> 的行还是列上。可取值：</p>\n<ul>\n<li>&#39;column&#39;：默认，<code>dataset</code> 的列对应于系列，从而 <code>dataset</code> 中每一列是一个维度（dimension）。</li>\n<li>&#39;row&#39;：<code>dataset</code> 的行对应于系列，从而 <code>dataset</code> 中每一行是一个维度（dimension）。</li>\n</ul>\n<p>参见这个 <a href=\"http://echarts.baidu.com/examples/editor.html?c=dataset-series-layout-by&amp;theme=lite\" target=\"_blank\">示例</a></p>\n"},"datasetIndex":{"description":"<p>如果 <a href=\"#series.data\">series.data</a> 没有指定，并且 <a href=\"#dataset\">dataset</a> 存在，那么就会使用 <a href=\"#dataset\">dataset</a>。<code>datasetIndex</code> 指定本系列使用那个 <a href=\"#dataset\">dataset</a>。</p>\n"},"data":{"items":{"properties":{"name":{"description":"<p>数据项名称。</p>\n"},"value":{"description":"<p>单个数据项的数值。</p>\n"},"symbol":{"description":"<p>单个数据标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>单个数据标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>单个数据标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>单个数据标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}},"tooltip":{"properties":{"position":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}}},"markPoint":{"properties":{"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"items":{"properties":{"name":{"description":"<p>标注名称。</p>\n"},"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-line.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-line.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>标注的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。例如 [121, 2323]、[&#39;aa&#39;, 998]。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n<p><strong>注：</strong>在 ECharts 2.x 中会使用 <code>xAxis</code>，<code>yAxis</code> 标注直角坐标系上的位置，ECharts 3 中不再推荐使用。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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<p>prefix</p>\n"}}},"markLine":{"properties":{"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"symbol":{"description":"<p>标线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定，具体格式见 <a href=\"#series-line.markLine.data.0.symbol\">data.symbol</a>。</p>\n"},"symbolSize":{"description":"<p>标线两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n<p><strong>注意：</strong> 这里无法像一般的 <code>symbolSize</code> 那样通过数组分别指定高宽。</p>\n"},"precision":{"description":"<p>标线数值的精度，在显示平均值线的时候有用。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"properties":{"0":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>起点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>起点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>起点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>起点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}}}}}},"1":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>终点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>终点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>终点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>终点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},"markArea":{"properties":{"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"properties":{"0":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"value":{"description":"<p>标域值，可以不设。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}},"1":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"value":{"description":"<p>标域值，可以不设。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},"zlevel":{"description":"<p>折线图所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>折线图组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"},"tooltip":{"properties":{"position":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}},{"properties":{"type":{"description":""},"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"description":"<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"legendHoverLink":{"description":"<p>是否启用<a href=\"#legend\">图例</a> hover 时的联动高亮。</p>\n"},"coordinateSystem":{"description":"<p>该系列使用的坐标系，可选：</p>\n<ul>\n<li><p><code>&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系（也称笛卡尔坐标系），通过 <a href=\"#series-bar.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-bar.yAxisIndex\">yAxisIndex</a>指定相应的坐标轴组件。</p>\n</li>\n</ul>\n"},"xAxisIndex":{"description":"<p>使用的 <a href=\"#xAxis\">x 轴</a>的 index，在单个图表实例中存在多个 x 轴的时候有用。</p>\n"},"yAxisIndex":{"description":"<p>使用的 <a href=\"#yAxis\">y 轴</a>的 index，在单个图表实例中存在多个 y轴的时候有用。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>柱条的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n"},"borderColor":{"description":"<p>柱条的描边颜色。</p>\n"},"borderWidth":{"description":"<p>柱条的描边宽度，默认不描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"barBorderRadius":{"description":"<p>圆角半径，单位px，支持传入数组分别指定 4 个圆角半径。\n如:</p>\n<pre><code>barBorderRadius: 5, // 统一设置四个角的圆角大小\nbarBorderRadius: [5, 5, 0, 0] //（顺时针左上，右上，右下，左下）\n</code></pre>"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>柱条的颜色。</p>\n"},"borderColor":{"description":"<p>柱条的描边颜色。</p>\n"},"borderWidth":{"description":"<p>柱条的描边宽度，默认不描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"stack":{"description":"<p>数据堆叠，同个类目轴上系列配置相同的<code>stack</code>值可以堆叠放置。</p>\n"},"cursor":{"description":"<p>鼠标悬浮时在图形元素上时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n"},"barWidth":{"description":"<p>柱条的宽度，不设时自适应。支持设置成相对于类目宽度的百分比。</p>\n<p>在同一坐标系上，此属性会被多个 <code>&#39;bar&#39;</code> 系列共享。此属性应设置于此坐标系中最后一个 <code>&#39;bar&#39;</code> 系列上才会生效，并且是对此坐标系中所有 <code>&#39;bar&#39;</code> 系列生效。</p>\n"},"barMaxWidth":{"description":"<p>柱条的最大宽度，不设时自适应。支持设置成相对于类目宽度的百分比。</p>\n<p>在同一坐标系上，此属性会被多个 <code>&#39;bar&#39;</code> 系列共享。此属性应设置于此坐标系中最后一个 <code>&#39;bar&#39;</code> 系列上才会生效，并且是对此坐标系中所有 <code>&#39;bar&#39;</code> 系列生效。</p>\n"},"barMinHeight":{"description":"<p>柱条最小高度，可用于防止某数据项的值过小而影响交互。</p>\n"},"barGap":{"description":"<p>柱间距离，可设固定值（如 <code>20</code>）或者百分比（如 <code>&#39;30%&#39;</code>，表示柱子宽度的 <code>30%</code>）。</p>\n<p>如果想要两个系列的柱子重叠，可以设置 barGap 为 <code>&#39;-100%&#39;</code>。这在用柱子做背景的时候有用。</p>\n<p>在同一坐标系上，此属性会被多个 <code>&#39;bar&#39;</code> 系列共享。此属性应设置于此坐标系中最后一个 <code>&#39;bar&#39;</code> 系列上才会生效，并且是对此坐标系中所有 <code>&#39;bar&#39;</code> 系列生效。</p>\n<p>例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/barGrid-barGap&reset=1&edit=1\" width=\"600\" height=\"400\" ></iframe>\n\n"},"barCategoryGap":{"description":"<p>类目间柱形距离，默认为类目间距的20%，可设固定值</p>\n<p>在同一坐标系上，此属性会被多个 <code>&#39;bar&#39;</code> 系列共享。此属性应设置于此坐标系中最后一个 <code>&#39;bar&#39;</code> 系列上才会生效，并且是对此坐标系中所有 <code>&#39;bar&#39;</code> 系列生效。</p>\n"},"dimensions":{"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            // &#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;\n            [12, 44, 55, 66, 2],\n            [23, 6, 16, 23, 1],\n            ...\n        ]\n    },\n    series: {\n        type: &#39;xxx&#39;,\n        // 定义了每个维度的名称。这个名称会被显示到默认的 tooltip 中。\n        dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    }\n}\n</code></pre>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [\n        null,                // 如果此维度不想给出定义，则使用 null 即可\n        {type: &#39;ordinal&#39;},   // 只定义此维度的类型。\n                             // &#39;ordinal&#39; 表示离散型，一般文本使用这种类型。\n                             // 如果类型没有被定义，会自动猜测类型。\n        {name: &#39;good&#39;, type: &#39;number&#39;},\n        &#39;bad&#39;                // 等同于 {name: &#39;bad&#39;}\n    ]\n}\n</code></pre>\n<p><code>dimensions</code> 数组中的每一项可以是：</p>\n<ul>\n<li><code>string</code>，如 <code>&#39;someName&#39;</code>，等同于 <code>{name: &#39;someName&#39;}</code></li>\n<li><code>Object</code>，属性可以有：<ul>\n<li>name: <code>string</code>。</li>\n<li>type: <code>string</code>，支持<ul>\n<li><code>number</code>，默认，表示普通数据。</li>\n<li><code>ordinal</code>，对于类目、文本这些 string 类型的数据，如果需要能在数轴上使用，须是 &#39;ordinal&#39; 类型。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>，表示时间类型。设置成 &#39;time&#39; 则能支持自动解析数据成时间戳（timestamp），比如该维度的数据是 &#39;2017-05-10&#39;，会自动被解析。时间类型的支持参见 <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"},"encode":{"description":"<p>可以定义 <code>data</code> 的哪个维度被编码成什么。比如：</p>\n<pre><code class=\"lang-js\">option = {\n    dataset: {\n        source: [\n            // 每一列称为一个『维度』。\n            // 这里分别是维度 0、1、2、3、4。\n            [12, 44, 55, 66, 2],\n            [23, 6, 16, 23, 1],\n            ...\n        ]\n    },\n    series: {\n        type: &#39;xxx&#39;,\n        encode: {\n            x: [3, 1, 5],      // 表示维度 3、1、5 映射到 x 轴。\n            y: 2,              // 表示维度 2 映射到 y 轴。\n            tooltip: [3, 2, 4] // 表示维度 3、2、4 会在 tooltip 中显示。\n        }\n    }\n}\n</code></pre>\n<p>encode 支持的属性，根据坐标系不同而不同。\n对于 <a href=\"#grid\">直角坐标系（cartesian2d）</a>，支持 <code>x</code>、<code>y</code>。\n对于 <a href=\"#polar\">极坐标系（polar）</a>，支持 <code>radius</code>、<code>angle</code>。\n对于 <a href=\"#geo\">地理坐标系（geo）</a>，支持 <code>lng</code>，<code>lat</code>。\n此外，均支持 <code>tooltip</code> 和 <code>itemName</code>（用于指定 tooltip 中数据项名称）。</p>\n<p>当使用 <a href=\"#series.dimensions\">dimensions</a> 给维度定义名称后，<code>encode</code> 中可直接引用名称，例如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;],\n    encode: {\n        x: &#39;date&#39;,\n        y: [&#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    }\n}\n</code></pre>\n"},"seriesLayoutBy":{"description":"<p>当使用 <a href=\"#dataset\">dataset</a> 时，<code>seriesLayoutBy</code> 指定了 <code>dataset</code> 中用行还是列对应到系列上，也就是说，系列“排布”到 <code>dataset</code> 的行还是列上。可取值：</p>\n<ul>\n<li>&#39;column&#39;：默认，<code>dataset</code> 的列对应于系列，从而 <code>dataset</code> 中每一列是一个维度（dimension）。</li>\n<li>&#39;row&#39;：<code>dataset</code> 的行对应于系列，从而 <code>dataset</code> 中每一行是一个维度（dimension）。</li>\n</ul>\n<p>参见这个 <a href=\"http://echarts.baidu.com/examples/editor.html?c=dataset-series-layout-by&amp;theme=lite\" target=\"_blank\">示例</a></p>\n"},"datasetIndex":{"description":"<p>如果 <a href=\"#series.data\">series.data</a> 没有指定，并且 <a href=\"#dataset\">dataset</a> 存在，那么就会使用 <a href=\"#dataset\">dataset</a>。<code>datasetIndex</code> 指定本系列使用那个 <a href=\"#dataset\">dataset</a>。</p>\n"},"data":{"items":{"properties":{"name":{"description":"<p>数据项名称。</p>\n"},"value":{"description":"<p>单个数据项的数值。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>柱条的颜色。</p>\n"},"borderColor":{"description":"<p>柱条的描边颜色。</p>\n"},"borderWidth":{"description":"<p>柱条的描边宽度，默认不描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"barBorderRadius":{"description":"<p>圆角半径，单位px，支持传入数组分别指定 4 个圆角半径。\n如:</p>\n<pre><code>barBorderRadius: 5, // 统一设置四个角的圆角大小\nbarBorderRadius: [5, 5, 0, 0] //（顺时针左上，右上，右下，左下）\n</code></pre>"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>柱条的颜色。</p>\n"},"borderColor":{"description":"<p>柱条的描边颜色。</p>\n"},"borderWidth":{"description":"<p>柱条的描边宽度，默认不描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"tooltip":{"properties":{"position":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}}},"markPoint":{"properties":{"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"items":{"properties":{"name":{"description":"<p>标注名称。</p>\n"},"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-bar.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-bar.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>标注的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。例如 [121, 2323]、[&#39;aa&#39;, 998]。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n<p><strong>注：</strong>在 ECharts 2.x 中会使用 <code>xAxis</code>，<code>yAxis</code> 标注直角坐标系上的位置，ECharts 3 中不再推荐使用。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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<p>prefix</p>\n"}}},"markLine":{"properties":{"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"symbol":{"description":"<p>标线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定，具体格式见 <a href=\"#series-bar.markLine.data.0.symbol\">data.symbol</a>。</p>\n"},"symbolSize":{"description":"<p>标线两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n<p><strong>注意：</strong> 这里无法像一般的 <code>symbolSize</code> 那样通过数组分别指定高宽。</p>\n"},"precision":{"description":"<p>标线数值的精度，在显示平均值线的时候有用。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"properties":{"0":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>起点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>起点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>起点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>起点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}}}}}},"1":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>终点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>终点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>终点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>终点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},"markArea":{"properties":{"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"properties":{"0":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"value":{"description":"<p>标域值，可以不设。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}},"1":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"value":{"description":"<p>标域值，可以不设。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},"zlevel":{"description":"<p>柱状图所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>柱状图组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"},"tooltip":{"properties":{"position":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}},{"properties":{"type":{"description":""},"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"description":"<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"legendHoverLink":{"description":"<p>是否启用<a href=\"#legend\">图例</a> hover 时的联动高亮。</p>\n"},"hoverAnimation":{"description":"<p>是否开启 hover 在扇区上的放大动画效果。</p>\n"},"hoverOffset":{"description":"<p>高亮扇区的偏移距离。</p>\n"},"selectedMode":{"description":"<p>选中模式，表示是否支持多个选中，默认关闭，支持布尔值和字符串，字符串取值可选<code>&#39;single&#39;</code>，<code>&#39;multiple&#39;</code>，分别表示单选还是多选。</p>\n"},"selectedOffset":{"description":"<p>选中扇区的偏移距离。</p>\n"},"clockwise":{"description":"<p>饼图的扇区是否是顺时针排布。</p>\n"},"startAngle":{"description":"<p>起始角度，支持范围[0, 360]。</p>\n"},"minAngle":{"description":"<p>最小的扇区角度（0 ~ 360），用于防止某个值过小导致扇区太小影响交互。</p>\n"},"roseType":{"description":"<p>是否展示成南丁格尔图，通过半径区分数据大小。可选择两种模式：</p>\n<ul>\n<li><code>&#39;radius&#39;</code> 扇区圆心角展现数据的百分比，半径展现数据的大小。</li>\n<li><code>&#39;area&#39;</code> 所有扇区圆心角相同，仅通过半径展现数据大小。</li>\n</ul>\n"},"avoidLabelOverlap":{"description":"<p>是否启用防止标签重叠策略，默认开启，在标签拥挤重叠的情况下会挪动各个标签的位置，防止标签间的重叠。</p>\n<p>如果不需要开启该策略，例如<a href=\"http://echarts.baidu.com/gallery/editor.html?c=pie-doughnut\" target=\"_blank\">圆环图</a>这个例子中需要强制所有标签放在中心位置，可以将该值设为 <code>false</code>。</p>\n"},"stillShowZeroSum":{"description":"<p>是否在数据和为<code>0</code>（一般情况下所有数据为<code>0</code>） 的时候不显示扇区。</p>\n"},"cursor":{"description":"<p>鼠标悬浮时在图形元素上时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n"},"label":{"properties":{"show":{"description":""},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p><code>&#39;outside&#39;</code></p>\n<p>  饼图扇区外侧，通过<a href=\"#series-pie.labelLine\">视觉引导线</a>连到相应的扇区。</p>\n</li>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  饼图扇区内部。</p>\n</li>\n<li><p><code>&#39;inner&#39;</code> 同 <code>&#39;inside&#39;</code>。</p>\n</li>\n<li><p><code>&#39;center&#39;</code></p>\n<p>  在饼图中心位置。见<a href=\"http://echarts.baidu.com/gallery/editor.html?c=pie-doughnut\" target=\"_blank\">圆环图示例</a></p>\n</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 百分比\n    percent: number,\n\n}\n</code></pre>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"labelLine":{"properties":{"show":{"description":"<p>是否显示视觉引导线。</p>\n"},"length":{"description":"<p>视觉引导线第一段的长度。</p>\n"},"length2":{"description":"<p>视觉引导项第二段的长度。</p>\n"},"smooth":{"description":"<p>是否平滑视觉引导线，默认不平滑，可以设置成 <code>true</code> 平滑显示，也可以设置为 0 到 1 的值，表示平滑程度。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"show":{"description":"<p>是否显示视觉引导线。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n<p>支持使用回调函数。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(params: Object) =&gt; Color\n</code></pre>\n<p>传入的是数据项 <code>seriesIndex</code>, <code>dataIndex</code>, <code>data</code>, <code>value</code> 等各个参数。</p>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":""},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 百分比\n    percent: number,\n\n}\n</code></pre>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"zlevel":{"description":"<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"center":{"description":"<p>饼图的中心（圆心）坐标，数组的第一项是横坐标，第二项是纵坐标。</p>\n<p>支持设置成百分比，设置成百分比时第一项是相对于容器宽度，第二项是相对于容器高度。</p>\n<p><strong>使用示例：</strong></p>\n<pre><code>// 设置成绝对的像素值\ncenter: [400, 300]\n// 设置成相对的百分比\ncenter: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>"},"radius":{"description":"<p>饼图的半径，数组的第一项是内半径，第二项是外半径。</p>\n<p>支持设置成百分比，相对于容器高宽中较小的一项的一半。</p>\n<p>可以将内半径设大显示成圆环图（Donut chart）。</p>\n"},"seriesLayoutBy":{"description":"<p>当使用 <a href=\"#dataset\">dataset</a> 时，<code>seriesLayoutBy</code> 指定了 <code>dataset</code> 中用行还是列对应到系列上，也就是说，系列“排布”到 <code>dataset</code> 的行还是列上。可取值：</p>\n<ul>\n<li>&#39;column&#39;：默认，<code>dataset</code> 的列对应于系列，从而 <code>dataset</code> 中每一列是一个维度（dimension）。</li>\n<li>&#39;row&#39;：<code>dataset</code> 的行对应于系列，从而 <code>dataset</code> 中每一行是一个维度（dimension）。</li>\n</ul>\n<p>参见这个 <a href=\"http://echarts.baidu.com/examples/editor.html?c=dataset-series-layout-by&amp;theme=lite\" target=\"_blank\">示例</a></p>\n"},"datasetIndex":{"description":"<p>如果 <a href=\"#series.data\">series.data</a> 没有指定，并且 <a href=\"#dataset\">dataset</a> 存在，那么就会使用 <a href=\"#dataset\">dataset</a>。<code>datasetIndex</code> 指定本系列使用那个 <a href=\"#dataset\">dataset</a>。</p>\n"},"data":{"items":{"properties":{"name":{"description":"<p>数据项名称。</p>\n"},"value":{"description":"<p>数据值。</p>\n"},"selected":{"description":"<p>该数据项是否被选中。</p>\n"},"label":{"properties":{"show":{"description":""},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p><code>&#39;outside&#39;</code></p>\n<p>  饼图扇区外侧，通过<a href=\"#series-pie.labelLine\">视觉引导线</a>连到相应的扇区。</p>\n</li>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  饼图扇区内部。</p>\n</li>\n<li><p><code>&#39;inner&#39;</code> 同 <code>&#39;inside&#39;</code>。</p>\n</li>\n<li><p><code>&#39;center&#39;</code></p>\n<p>  在饼图中心位置。见<a href=\"http://echarts.baidu.com/gallery/editor.html?c=pie-doughnut\" target=\"_blank\">圆环图示例</a></p>\n</li>\n</ul>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"labelLine":{"properties":{"show":{"description":"<p>是否显示视觉引导线。</p>\n"},"length":{"description":"<p>视觉引导线第一段的长度。</p>\n"},"length2":{"description":"<p>视觉引导项第二段的长度。</p>\n"},"smooth":{"description":"<p>是否平滑视觉引导线，默认不平滑，可以设置成 <code>true</code> 平滑显示，也可以设置为 0 到 1 的值，表示平滑程度。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"show":{"description":"<p>是否显示视觉引导线。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":""},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"tooltip":{"properties":{"position":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}}},"markPoint":{"properties":{"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"items":{"properties":{"name":{"description":"<p>标注名称。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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<p>prefix</p>\n"}}},"markLine":{"properties":{"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"symbol":{"description":"<p>标线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定，具体格式见 <a href=\"#series-pie.markLine.data.0.symbol\">data.symbol</a>。</p>\n"},"symbolSize":{"description":"<p>标线两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n<p><strong>注意：</strong> 这里无法像一般的 <code>symbolSize</code> 那样通过数组分别指定高宽。</p>\n"},"precision":{"description":"<p>标线数值的精度，在显示平均值线的时候有用。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"properties":{"0":{"properties":{"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>起点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>起点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>起点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>起点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}}}}}},"1":{"properties":{"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>终点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>终点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>终点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>终点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},"markArea":{"properties":{"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"properties":{"0":{"properties":{"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"value":{"description":"<p>标域值，可以不设。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}},"1":{"properties":{"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"value":{"description":"<p>标域值，可以不设。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"animationType":{"description":"<p>初始动画效果，可选</p>\n<ul>\n<li><code>&#39;expansion&#39;</code> 默认研圆弧展开的效果。</li>\n<li><code>&#39;scale&#39;</code> 缩放效果，配合设置 <code>animationEasing=&#39;elasticOut&#39;</code> 可以做成 popup 的效果。</li>\n</ul>\n"},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"},"tooltip":{"properties":{"position":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}},{"properties":{"type":{"description":""},"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"description":"<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"coordinateSystem":{"description":"<p>该系列使用的坐标系，可选：</p>\n<ul>\n<li><p><code>&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系（也称笛卡尔坐标系），通过 <a href=\"#series-bar.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-bar.yAxisIndex\">yAxisIndex</a>指定相应的坐标轴组件。</p>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;polar&#39;</code></p>\n<p>  使用极坐标系，通过 <a href=\"#series-bar.polarIndex\">polarIndex</a> 指定相应的极坐标组件</p>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;geo&#39;</code></p>\n<p>  使用地理坐标系，通过 <a href=\"#series-bar.geoIndex\">geoIndex</a> 指定相应的地理坐标系组件。</p>\n</li>\n</ul>\n"},"xAxisIndex":{"description":"<p>使用的 <a href=\"#xAxis\">x 轴</a>的 index，在单个图表实例中存在多个 x 轴的时候有用。</p>\n"},"yAxisIndex":{"description":"<p>使用的 <a href=\"#yAxis\">y 轴</a>的 index，在单个图表实例中存在多个 y轴的时候有用。</p>\n"},"polarIndex":{"description":"<p>使用的<a href=\"#polar\">极坐标系</a>的 index，在单个图表实例中存在多个极坐标系的时候有用。</p>\n"},"geoIndex":{"description":"<p>使用的<a href=\"#geo\">地理坐标系</a>的 index，在单个图表实例中存在多个地理坐标系的时候有用。</p>\n"},"calendarIndex":{"description":"<p>使用的<a href=\"#calendar\">日历坐标系</a>的 index，在单个图表实例中存在多个日历坐标系的时候有用。</p>\n"},"hoverAnimation":{"description":"<p>是否开启鼠标 hover 的提示动画效果。</p>\n"},"legendHoverLink":{"description":"<p>是否启用<a href=\"#legend\">图例</a> hover 时的联动高亮。</p>\n"},"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-scatter.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"large":{"description":"<p>是否开启大规模散点图的优化，在数据图形特别多的时候（&gt;=5k）可以开启。</p>\n<p>开启后配合 <a href=\"#series-scatter.largeThreshold\">largeThreshold</a> 在数据量大于指定阈值的时候对绘制进行优化。</p>\n<p>缺点：优化后不能自定义设置单个数据项的样式。</p>\n"},"largeThreshold":{"description":"<p>开启绘制优化的阈值。</p>\n"},"cursor":{"description":"<p>鼠标悬浮时在图形元素上时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n<p>支持使用回调函数。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(params: Object) =&gt; Color\n</code></pre>\n<p>传入的是数据项 <code>seriesIndex</code>, <code>dataIndex</code>, <code>data</code>, <code>value</code> 等各个参数。</p>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"dimensions":{"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            // &#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;\n            [12, 44, 55, 66, 2],\n            [23, 6, 16, 23, 1],\n            ...\n        ]\n    },\n    series: {\n        type: &#39;xxx&#39;,\n        // 定义了每个维度的名称。这个名称会被显示到默认的 tooltip 中。\n        dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    }\n}\n</code></pre>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [\n        null,                // 如果此维度不想给出定义，则使用 null 即可\n        {type: &#39;ordinal&#39;},   // 只定义此维度的类型。\n                             // &#39;ordinal&#39; 表示离散型，一般文本使用这种类型。\n                             // 如果类型没有被定义，会自动猜测类型。\n        {name: &#39;good&#39;, type: &#39;number&#39;},\n        &#39;bad&#39;                // 等同于 {name: &#39;bad&#39;}\n    ]\n}\n</code></pre>\n<p><code>dimensions</code> 数组中的每一项可以是：</p>\n<ul>\n<li><code>string</code>，如 <code>&#39;someName&#39;</code>，等同于 <code>{name: &#39;someName&#39;}</code></li>\n<li><code>Object</code>，属性可以有：<ul>\n<li>name: <code>string</code>。</li>\n<li>type: <code>string</code>，支持<ul>\n<li><code>number</code>，默认，表示普通数据。</li>\n<li><code>ordinal</code>，对于类目、文本这些 string 类型的数据，如果需要能在数轴上使用，须是 &#39;ordinal&#39; 类型。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>，表示时间类型。设置成 &#39;time&#39; 则能支持自动解析数据成时间戳（timestamp），比如该维度的数据是 &#39;2017-05-10&#39;，会自动被解析。时间类型的支持参见 <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"},"encode":{"description":"<p>可以定义 <code>data</code> 的哪个维度被编码成什么。比如：</p>\n<pre><code class=\"lang-js\">option = {\n    dataset: {\n        source: [\n            // 每一列称为一个『维度』。\n            // 这里分别是维度 0、1、2、3、4。\n            [12, 44, 55, 66, 2],\n            [23, 6, 16, 23, 1],\n            ...\n        ]\n    },\n    series: {\n        type: &#39;xxx&#39;,\n        encode: {\n            x: [3, 1, 5],      // 表示维度 3、1、5 映射到 x 轴。\n            y: 2,              // 表示维度 2 映射到 y 轴。\n            tooltip: [3, 2, 4] // 表示维度 3、2、4 会在 tooltip 中显示。\n        }\n    }\n}\n</code></pre>\n<p>encode 支持的属性，根据坐标系不同而不同。\n对于 <a href=\"#grid\">直角坐标系（cartesian2d）</a>，支持 <code>x</code>、<code>y</code>。\n对于 <a href=\"#polar\">极坐标系（polar）</a>，支持 <code>radius</code>、<code>angle</code>。\n对于 <a href=\"#geo\">地理坐标系（geo）</a>，支持 <code>lng</code>，<code>lat</code>。\n此外，均支持 <code>tooltip</code> 和 <code>itemName</code>（用于指定 tooltip 中数据项名称）。</p>\n<p>当使用 <a href=\"#series.dimensions\">dimensions</a> 给维度定义名称后，<code>encode</code> 中可直接引用名称，例如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;],\n    encode: {\n        x: &#39;date&#39;,\n        y: [&#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    }\n}\n</code></pre>\n"},"seriesLayoutBy":{"description":"<p>当使用 <a href=\"#dataset\">dataset</a> 时，<code>seriesLayoutBy</code> 指定了 <code>dataset</code> 中用行还是列对应到系列上，也就是说，系列“排布”到 <code>dataset</code> 的行还是列上。可取值：</p>\n<ul>\n<li>&#39;column&#39;：默认，<code>dataset</code> 的列对应于系列，从而 <code>dataset</code> 中每一列是一个维度（dimension）。</li>\n<li>&#39;row&#39;：<code>dataset</code> 的行对应于系列，从而 <code>dataset</code> 中每一行是一个维度（dimension）。</li>\n</ul>\n<p>参见这个 <a href=\"http://echarts.baidu.com/examples/editor.html?c=dataset-series-layout-by&amp;theme=lite\" target=\"_blank\">示例</a></p>\n"},"datasetIndex":{"description":"<p>如果 <a href=\"#series.data\">series.data</a> 没有指定，并且 <a href=\"#dataset\">dataset</a> 存在，那么就会使用 <a href=\"#dataset\">dataset</a>。<code>datasetIndex</code> 指定本系列使用那个 <a href=\"#dataset\">dataset</a>。</p>\n"},"data":{"items":{"properties":{"name":{"description":"<p>数据项名称。</p>\n"},"value":{"description":"<p>数据项值。</p>\n"},"symbol":{"description":"<p>单个数据标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>单个数据标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>单个数据标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>单个数据标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"tooltip":{"properties":{"position":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}}},"markPoint":{"properties":{"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"items":{"properties":{"name":{"description":"<p>标注名称。</p>\n"},"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-scatter.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-scatter.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>标注的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。例如 [121, 2323]、[&#39;aa&#39;, 998]。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n<p><strong>注：</strong>在 ECharts 2.x 中会使用 <code>xAxis</code>，<code>yAxis</code> 标注直角坐标系上的位置，ECharts 3 中不再推荐使用。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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<p>prefix</p>\n"}}},"markLine":{"properties":{"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"symbol":{"description":"<p>标线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定，具体格式见 <a href=\"#series-scatter.markLine.data.0.symbol\">data.symbol</a>。</p>\n"},"symbolSize":{"description":"<p>标线两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n<p><strong>注意：</strong> 这里无法像一般的 <code>symbolSize</code> 那样通过数组分别指定高宽。</p>\n"},"precision":{"description":"<p>标线数值的精度，在显示平均值线的时候有用。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"properties":{"0":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>起点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>起点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>起点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>起点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}}}}}},"1":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>终点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>终点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>终点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>终点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},"markArea":{"properties":{"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"properties":{"0":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"value":{"description":"<p>标域值，可以不设。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}},"1":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"value":{"description":"<p>标域值，可以不设。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},"zlevel":{"description":"<p>散点图所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>散点图组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"},"tooltip":{"properties":{"position":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}},{"properties":{"type":{"description":""},"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"description":"<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"legendHoverLink":{"description":"<p>是否启用<a href=\"#legend\">图例</a> hover 时的联动高亮。</p>\n"},"effectType":{"description":"<p>特效类型，目前只支持涟漪特效<code>&#39;ripple&#39;</code>。</p>\n"},"showEffectOn":{"description":"<p>配置何时显示特效。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><code>&#39;render&#39;</code> 绘制完成后显示特效。</li>\n<li><code>&#39;emphasis&#39;</code> 高亮（hover）的时候显示特效。</li>\n</ul>\n"},"rippleEffect":{"properties":{"period":{"description":"<p>动画的时间。</p>\n"},"scale":{"description":"<p>动画中波纹的最大缩放比例。</p>\n"},"brushType":{"description":"<p>波纹的绘制方式，可选 <code>&#39;stroke&#39;</code> 和 <code>&#39;fill&#39;</code>。</p>\n"}}},"coordinateSystem":{"description":"<p>该系列使用的坐标系，可选：</p>\n<ul>\n<li><p><code>&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系（也称笛卡尔坐标系），通过 <a href=\"#series-bar.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-bar.yAxisIndex\">yAxisIndex</a>指定相应的坐标轴组件。</p>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;polar&#39;</code></p>\n<p>  使用极坐标系，通过 <a href=\"#series-bar.polarIndex\">polarIndex</a> 指定相应的极坐标组件</p>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;geo&#39;</code></p>\n<p>  使用地理坐标系，通过 <a href=\"#series-bar.geoIndex\">geoIndex</a> 指定相应的地理坐标系组件。</p>\n</li>\n</ul>\n"},"xAxisIndex":{"description":"<p>使用的 <a href=\"#xAxis\">x 轴</a>的 index，在单个图表实例中存在多个 x 轴的时候有用。</p>\n"},"yAxisIndex":{"description":"<p>使用的 <a href=\"#yAxis\">y 轴</a>的 index，在单个图表实例中存在多个 y轴的时候有用。</p>\n"},"polarIndex":{"description":"<p>使用的<a href=\"#polar\">极坐标系</a>的 index，在单个图表实例中存在多个极坐标系的时候有用。</p>\n"},"geoIndex":{"description":"<p>使用的<a href=\"#geo\">地理坐标系</a>的 index，在单个图表实例中存在多个地理坐标系的时候有用。</p>\n"},"calendarIndex":{"description":"<p>使用的<a href=\"#calendar\">日历坐标系</a>的 index，在单个图表实例中存在多个日历坐标系的时候有用。</p>\n"},"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"cursor":{"description":"<p>鼠标悬浮时在图形元素上时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n<p>支持使用回调函数。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(params: Object) =&gt; Color\n</code></pre>\n<p>传入的是数据项 <code>seriesIndex</code>, <code>dataIndex</code>, <code>data</code>, <code>value</code> 等各个参数。</p>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"dimensions":{"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            // &#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;\n            [12, 44, 55, 66, 2],\n            [23, 6, 16, 23, 1],\n            ...\n        ]\n    },\n    series: {\n        type: &#39;xxx&#39;,\n        // 定义了每个维度的名称。这个名称会被显示到默认的 tooltip 中。\n        dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    }\n}\n</code></pre>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [\n        null,                // 如果此维度不想给出定义，则使用 null 即可\n        {type: &#39;ordinal&#39;},   // 只定义此维度的类型。\n                             // &#39;ordinal&#39; 表示离散型，一般文本使用这种类型。\n                             // 如果类型没有被定义，会自动猜测类型。\n        {name: &#39;good&#39;, type: &#39;number&#39;},\n        &#39;bad&#39;                // 等同于 {name: &#39;bad&#39;}\n    ]\n}\n</code></pre>\n<p><code>dimensions</code> 数组中的每一项可以是：</p>\n<ul>\n<li><code>string</code>，如 <code>&#39;someName&#39;</code>，等同于 <code>{name: &#39;someName&#39;}</code></li>\n<li><code>Object</code>，属性可以有：<ul>\n<li>name: <code>string</code>。</li>\n<li>type: <code>string</code>，支持<ul>\n<li><code>number</code>，默认，表示普通数据。</li>\n<li><code>ordinal</code>，对于类目、文本这些 string 类型的数据，如果需要能在数轴上使用，须是 &#39;ordinal&#39; 类型。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>，表示时间类型。设置成 &#39;time&#39; 则能支持自动解析数据成时间戳（timestamp），比如该维度的数据是 &#39;2017-05-10&#39;，会自动被解析。时间类型的支持参见 <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"},"encode":{"description":"<p>可以定义 <code>data</code> 的哪个维度被编码成什么。比如：</p>\n<pre><code class=\"lang-js\">option = {\n    dataset: {\n        source: [\n            // 每一列称为一个『维度』。\n            // 这里分别是维度 0、1、2、3、4。\n            [12, 44, 55, 66, 2],\n            [23, 6, 16, 23, 1],\n            ...\n        ]\n    },\n    series: {\n        type: &#39;xxx&#39;,\n        encode: {\n            x: [3, 1, 5],      // 表示维度 3、1、5 映射到 x 轴。\n            y: 2,              // 表示维度 2 映射到 y 轴。\n            tooltip: [3, 2, 4] // 表示维度 3、2、4 会在 tooltip 中显示。\n        }\n    }\n}\n</code></pre>\n<p>encode 支持的属性，根据坐标系不同而不同。\n对于 <a href=\"#grid\">直角坐标系（cartesian2d）</a>，支持 <code>x</code>、<code>y</code>。\n对于 <a href=\"#polar\">极坐标系（polar）</a>，支持 <code>radius</code>、<code>angle</code>。\n对于 <a href=\"#geo\">地理坐标系（geo）</a>，支持 <code>lng</code>，<code>lat</code>。\n此外，均支持 <code>tooltip</code> 和 <code>itemName</code>（用于指定 tooltip 中数据项名称）。</p>\n<p>当使用 <a href=\"#series.dimensions\">dimensions</a> 给维度定义名称后，<code>encode</code> 中可直接引用名称，例如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;],\n    encode: {\n        x: &#39;date&#39;,\n        y: [&#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    }\n}\n</code></pre>\n"},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n<p>支持使用回调函数。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(params: Object) =&gt; Color\n</code></pre>\n<p>传入的是数据项 <code>seriesIndex</code>, <code>dataIndex</code>, <code>data</code>, <code>value</code> 等各个参数。</p>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"seriesLayoutBy":{"description":"<p>当使用 <a href=\"#dataset\">dataset</a> 时，<code>seriesLayoutBy</code> 指定了 <code>dataset</code> 中用行还是列对应到系列上，也就是说，系列“排布”到 <code>dataset</code> 的行还是列上。可取值：</p>\n<ul>\n<li>&#39;column&#39;：默认，<code>dataset</code> 的列对应于系列，从而 <code>dataset</code> 中每一列是一个维度（dimension）。</li>\n<li>&#39;row&#39;：<code>dataset</code> 的行对应于系列，从而 <code>dataset</code> 中每一行是一个维度（dimension）。</li>\n</ul>\n<p>参见这个 <a href=\"http://echarts.baidu.com/examples/editor.html?c=dataset-series-layout-by&amp;theme=lite\" target=\"_blank\">示例</a></p>\n"},"datasetIndex":{"description":"<p>如果 <a href=\"#series.data\">series.data</a> 没有指定，并且 <a href=\"#dataset\">dataset</a> 存在，那么就会使用 <a href=\"#dataset\">dataset</a>。<code>datasetIndex</code> 指定本系列使用那个 <a href=\"#dataset\">dataset</a>。</p>\n"},"data":{"items":{"properties":{"symbol":{"description":"<p>单个数据标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>单个数据标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>单个数据标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>单个数据标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"tooltip":{"properties":{"position":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}}},"markPoint":{"properties":{"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"items":{"properties":{"name":{"description":"<p>标注名称。</p>\n"},"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-effectScatter.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-effectScatter.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>标注的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。例如 [121, 2323]、[&#39;aa&#39;, 998]。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n<p><strong>注：</strong>在 ECharts 2.x 中会使用 <code>xAxis</code>，<code>yAxis</code> 标注直角坐标系上的位置，ECharts 3 中不再推荐使用。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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<p>prefix</p>\n"}}},"markLine":{"properties":{"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"symbol":{"description":"<p>标线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定，具体格式见 <a href=\"#series-effectScatter.markLine.data.0.symbol\">data.symbol</a>。</p>\n"},"symbolSize":{"description":"<p>标线两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n<p><strong>注意：</strong> 这里无法像一般的 <code>symbolSize</code> 那样通过数组分别指定高宽。</p>\n"},"precision":{"description":"<p>标线数值的精度，在显示平均值线的时候有用。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"properties":{"0":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>起点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>起点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>起点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>起点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}}}}}},"1":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>终点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>终点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>终点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>终点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},"markArea":{"properties":{"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"properties":{"0":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"value":{"description":"<p>标域值，可以不设。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}},"1":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"value":{"description":"<p>标域值，可以不设。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},"zlevel":{"description":"<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"},"tooltip":{"properties":{"position":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}},{"properties":{"type":{"description":""},"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"description":"<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"radarIndex":{"description":"<p>雷达图所使用的 <a href=\"#radar\">radar</a> 组件的 index。</p>\n"},"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-radar.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n<p>支持使用回调函数。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(params: Object) =&gt; Color\n</code></pre>\n<p>传入的是数据项 <code>seriesIndex</code>, <code>dataIndex</code>, <code>data</code>, <code>value</code> 等各个参数。</p>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"areaStyle":{"properties":{"color":{"description":"<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"areaStyle":{"properties":{"color":{"description":"<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"items":{"properties":{"name":{"description":"<p>数据项名称</p>\n"},"value":{"description":"<p>单个数据项的数值。</p>\n"},"symbol":{"description":"<p>单个数据标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>单个数据标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>单个数据标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>单个数据标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>柱条的颜色。</p>\n"},"borderColor":{"description":"<p>柱条的描边颜色。</p>\n"},"borderWidth":{"description":"<p>柱条的描边宽度，默认不描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"areaStyle":{"properties":{"color":{"description":"<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>柱条的颜色。</p>\n"},"borderColor":{"description":"<p>柱条的描边颜色。</p>\n"},"borderWidth":{"description":"<p>柱条的描边宽度，默认不描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"areaStyle":{"properties":{"color":{"description":"<p>填充的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"tooltip":{"properties":{"position":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}}},"zlevel":{"description":"<p>雷达图所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>雷达图组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"},"tooltip":{"properties":{"position":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}},{"properties":{"type":{"description":""},"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"description":"<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"zlevel":{"description":"<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"left":{"description":"<p>tree组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"top":{"description":"<p>tree组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"right":{"description":"<p>tree组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n"},"bottom":{"description":"<p>tree组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n"},"width":{"description":"<p>tree组件的宽度。</p>\n"},"height":{"description":"<p>tree组件的高度。</p>\n"},"layout":{"description":"<p>树图的布局，有 <code>正交</code> 和 <code>径向</code> 两种。这里的 <code>正交布局</code> 就是我们通常所说的 <code>水平</code> 和 <code>垂直</code> 方向，对应的参数取值为 <code>&#39;orthogonal&#39;</code> 。而 <code>径向布局</code> 是指以根节点为圆心，每一层节点为环，一层层向外发散绘制而成的布局，对应的参数取值为 <code>&#39;radial&#39;</code> 。</p>\n<p><strong>正交布局示例：</strong></p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=tree-basic&edit=1&reset=1\" width=\"780\" height=\"900\" ></iframe>\n\n\n\n<p><strong>径向布局示例：</strong></p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=tree-radial&edit=1&reset=1\" width=\"800\" height=\"800\" ></iframe>\n\n\n"},"orient":{"description":"<p>树图中 <code>正交布局</code> 的方向，也就是说只有在 <code>layout = &#39;orthogonal&#39;</code> 的时候，该配置项才生效。对应有 <code>水平</code> 方向的 <code>从左到右</code>，<code>从右到左</code>；以及垂直方向的 <code>从上到下</code>，<code>从下到上</code>。取值分别为 <code>&#39;LR&#39;</code> , <code>&#39;RL&#39;</code>, <code>&#39;TB&#39;</code>, <code>&#39;BT&#39;</code>。<strong>注意</strong>，之前的配置项值 <code>&#39;horizontal&#39;</code> 等同于 <code>&#39;LR&#39;</code>， <code>&#39;vertical&#39;</code> 等同于 <code>&#39;TB&#39;</code>。</p>\n"},"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-tree.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"expandAndCollapse":{"description":"<p>子树折叠和展开的交互，<code>默认打开</code> 。由于绘图区域是有限的，而通常一个树图的节点可能会比较多，这样就会出现节点之间相互遮盖的问题。为了避免这一问题，可以将暂时无关的子树折叠收起，等到需要时再将其展开。如上面径向布局树图示例，节点中心用蓝色填充的就是折叠收起的子树，可以点击将其展开。</p>\n<p><strong>注意：如果配置自定义的图片作为节点的标记，是无法通过填充色来区分当前节点是否有折叠的子树的。而目前暂不支持，上传两张图片分别表示节点折叠和展开两种状态。所以，如果想明确地显示节点的两种状态，建议使用 <code>ECharts</code> 常规的标记类型，如 <code>&#39;emptyCircle&#39;</code> 等。</strong></p>\n"},"initialTreeDepth":{"description":"<p>树图初始展开的层级（深度）。根节点是第 0 层，然后是第 1 层、第 2 层，... ，直到叶子节点。该配置项主要和 <code>折叠展开</code> 交互一起使用，目的还是为了防止一次展示过多节点，节点之间发生遮盖。如果设置为 <code>-1</code> 或者 <code>null</code> 或者 <code>undefined</code>，所有节点都将展开。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"lineStyle":{"properties":{"color":{"description":"<p>树图边的颜色。</p>\n"},"width":{"description":"<p>树图边的宽度。</p>\n"},"curveness":{"description":"<p>树图边的曲度。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>树图边的颜色。</p>\n"},"width":{"description":"<p>树图边的宽度。</p>\n"},"curveness":{"description":"<p>树图边的曲度。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}},"leaves":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}}}},"data":{"properties":{"name":{"description":"<p>树节点的名称，用来标识每一个节点。</p>\n"},"value":{"description":"<p>节点的值，在 tooltip 中显示。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"tooltip":{"properties":{"position":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},"tooltip":{"properties":{"position":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}},{"properties":{"type":{"description":""},"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"description":"<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"zlevel":{"description":"<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"left":{"description":"<p>treemap 组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"top":{"description":"<p>treemap 组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"right":{"description":"<p>treemap 组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n"},"bottom":{"description":"<p>treemap 组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n"},"width":{"description":"<p>treemap 组件的宽度。</p>\n"},"height":{"description":"<p>treemap 组件的高度。</p>\n"},"squareRatio":{"description":"<p>期望矩形长宽比率。布局计算时会尽量向这个比率靠近。</p>\n<p>默认为黄金比：<code>0.5 * (1 + Math.sqrt(5))</code>。</p>\n"},"leafDepth":{"description":"<p>设置了 <code>leafDepth</code> 后，下钻（<code>drill down</code>）功能开启。<code>drill down</code> 功能即点击后才展示子层级。</p>\n<p><code>leafDepth</code> 表示『展示几层』，层次更深的节点则被隐藏起来。点击则可下钻看到层次更深的节点。</p>\n<p>例如，<code>leafDepth</code> 设置为 <code>1</code>，表示展示一层节点。</p>\n<p>默认没有开启 <code>drill down</code>（即 <code>leafDepth</code> 为 <code>null</code> 或 <code>undefined</code>）。</p>\n<p><strong>drill down 的例子：</strong></p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=treemap-drill-down&edit=1&reset=1\" width=\"800\" height=\"500\" ></iframe>\n\n"},"drillDownIcon":{"description":"<p>当节点可以下钻时的提示符。只能是字符。</p>\n"},"roam":{"description":"<p>是否开启拖拽漫游（移动和缩放）。可取值有：</p>\n<ul>\n<li><code>false</code>：关闭。</li>\n<li><code>&#39;scale&#39;</code> 或 <code>&#39;zoom&#39;</code>：只能够缩放。</li>\n<li><code>&#39;move&#39;</code> 或 <code>&#39;pan&#39;</code>：只能够平移。</li>\n<li><code>true</code>：缩放和平移均可。</li>\n</ul>\n"},"nodeClick":{"description":"<p>点击节点后的行为。可取值为：</p>\n<ul>\n<li><code>false</code>：节点点击无反应。</li>\n<li><code>&#39;zoomToNode&#39;</code>：点击节点后缩放到节点。</li>\n<li><code>&#39;link&#39;</code>：如果节点数据中有 <a href=\"#series-treemap.data.link\">link</a> 点击节点后会进行超链接跳转。</li>\n</ul>\n"},"zoomToNodeRatio":{"description":"<p>点击某个节点，会自动放大那个节点到合适的比例（节点占可视区域的面积比例），这个配置项就是这个比例。</p>\n"},"levels":{"items":{"properties":{"visualDimension":{"description":"<p><code>treemap</code> 中支持对数据其他维度进行视觉映射。</p>\n<p>首先，treemap的数据格式（参见 <a href=\"#series-treemap.data\">series-treemap.data</a>）中，每个节点的 <code>value</code> 都可以是数组。数组每项是一个『维度』（dimension）。<code>visualDimension</code> 指定了额外的『视觉映射』使用的是数组的哪一项。默认为第 <code>0</code> 项。</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>visualDimension</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n"},"visualMin":{"description":"<p>当前层级的最小 value 值。如果不设置则自动统计。</p>\n<p>手动指定 <code>visualMin</code>、<code>visualMax</code> ，即手动控制了 visual mapping 的值域（当 <a href=\"#series-treemap.levels.colorMappingBy\">colorMappingBy</a> 为 <code>&#39;value&#39;</code> 时有意义）。</p>\n"},"visualMax":{"description":"<p>当前层级的最大 value 值。如果不设置则自动统计。</p>\n<p>手动指定 <code>visualMin</code>、<code>visualMax</code> ，即手动控制了 visual mapping 的值域（当 <a href=\"#series-treemap.levels.colorMappingBy\">colorMappingBy</a> 为 <code>&#39;value&#39;</code> 时有意义）。</p>\n"},"color":{"description":"<p>表示同一层级的节点的 颜色 选取列表（选择规则见 <a href=\"#series-treemap.colorMappingBy\">colorMappingBy</a>）。默认为空时，选取系统color列表。</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>color</code> 属性可能在多处地方存在：</p>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n"},"colorAlpha":{"description":"<p>表示同一层级的节点的 颜色透明度 选取范围。数值范围 0 ~ 1。</p>\n<p>例如, <code>colorAlpha</code> 可以是 <code>[0.3, 1]</code>.</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>colorAlpha</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n"},"colorSaturation":{"description":"<p>表示同一层级的节点的 颜色饱和度 选取范围。数值范围 0 ~ 1。</p>\n<p>例如, <code>colorSaturation</code> 可以是 <code>[0.3, 1]</code>.</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>colorSaturation</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n"},"colorMappingBy":{"description":"<p>表示同一层级节点，在颜色列表中（参见 <code>color</code> 属性）选择时，按照什么来选择。可选值：</p>\n<ul>\n<li><code>&#39;value&#39;</code>：</li>\n</ul>\n<p>将节点的值（即 <a href=\"#series-treemap.data.value\">series-treemap.data.value</a>）映射到颜色列表中。</p>\n<p>这样得到的颜色，反应了节点值的大小。</p>\n<p>可以使用 <a href=\"#series-treemap.levels.visualDimension\">visualDimension</a> 属性来设置，用 <a href=\"#series-treemap.data\">data</a> 中哪个纬度的值来映射。</p>\n<ul>\n<li><code>&#39;index&#39;</code>：</li>\n</ul>\n<p>将节点的 <code>index</code>（序号）映射到颜色列表中。即同一层级中，第一个节点取颜色列表中第一个颜色，第二个节点取第二个。</p>\n<p>这样得到的颜色，便于区分相邻节点。</p>\n<ul>\n<li><code>&#39;id&#39;</code>：</li>\n</ul>\n<p>将节点的 <code>id</code>（即 <a href=\"#series-treemap.data.id\">series-treemap.data.id</a>）映射到颜色列表中。<code>id</code> 是用户指定的，这样能够使得，在treemap 通过 setOption 变化数值时，同一 <code>id</code> 映射到同一颜色，保持一致性。参见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=treemap-obama&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>。</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>colorMappingBy</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n"},"visibleMin":{"description":"<p>如果某个节点的矩形的面积，小于这个数值（单位：px平方），这个节点就不显示。</p>\n<p>如果不加这个限制，很小的节点会影响显示效果。</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>visibleMin</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n"},"childrenVisibleMin":{"description":"<p>如果某个节点的矩形面积，小于这个数值（单位：px平方），则不显示这个节点的子节点。</p>\n<p>这能够在矩形面积不足够大时候，隐藏节点的细节。当用户用鼠标缩放节点时，如果面积大于此阈值，又会显示子节点。</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>childrenVisibleMin</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}},"ellipsis":{"description":"<p>当文字超出的时候，是否超出部分替换为省略号。</p>\n"}}},"upperLabel":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}},"ellipsis":{"properties":{"height":{"description":"<p>父节点标签区的高度。</p>\n"}}}}},"itemStyle":{"properties":{"color":{"description":"<p>矩形的颜色。默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色。</p>\n"},"colorAlpha":{"description":"<p>矩形颜色的透明度。取值范围是 0 ~ 1 之间的浮点数。</p>\n"},"colorSaturation":{"description":"<p>矩形颜色的饱和度。取值范围是 0 ~ 1 之间的浮点数。</p>\n"},"borderWidth":{"description":"<p>矩形边框线宽。为 0 时无边框。而矩形的内部子矩形（子节点）的间隔距离是由 <a href=\"#series-treemap.levels.gapWidth\">gapWidth</a> 指定的。</p>\n"},"gapWidth":{"description":"<p>矩形内部子矩形（子节点）的间隔距离。</p>\n<p><img width=\"700\" height=\"auto\" src=\"documents/asset/img/treemap-border-gap.png\"></p>\n"},"borderColor":{"description":"<p>矩形边框 和 矩形间隔（gap）的颜色。</p>\n"},"borderColorSaturation":{"description":"<p>矩形边框的颜色的饱和度。取值范围是 0 ~ 1 之间的浮点数。</p>\n<p>注意：</p>\n<p>如果设置此属性，则 <code>borderColor</code> 的设置无效，而是：取当前节点计算出的颜色（比如从父节点遗传而来），在此颜色值上设置 <code>borderColorSaturation</code> 得到最终颜色。这种方式，能够做出『不同区块有不同色调的矩形间隔线』的效果，能够便于区分层级。</p>\n<p><br></p>\n<p><strong>矩形边框（border）/缝隙（gap）设置如何避免混淆</strong></p>\n<p>如果统一用一种颜色设置矩形的缝隙（gap），那么当不同层级的矩形同时展示时可能会出现混淆。</p>\n<p>参见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/treemap-borderColor&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>，注意其中红色的区块中的子矩形其实是更深层级，和其他用白色缝隙区分的矩形不是在一个层级。所以，红色区块中矩形的分割线的颜色，我们在 <code>borderColorSaturation</code> 中设置为『加了饱和度变化的红颜色』，以示区别。</p>\n"},"strokeColor":{"description":"<p>每个矩形的描边颜色。</p>\n"},"strokeWidth":{"description":"<p>每个矩形的描边宽度。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}},"ellipsis":{"description":"<p>当文字超出的时候，是否超出部分替换为省略号。</p>\n"}}},"upperLabel":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}},"ellipsis":{"description":"<p>当文字超出的时候，是否超出部分替换为省略号。</p>\n"}}},"itemStyle":{"properties":{"color":{"description":"<p>矩形的颜色。默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色。</p>\n"}}}}}}}},"silent":{"properties":{"link":{"description":"<p>点击此节点可跳转的超链接。须 <a href=\"#series-treemap.nodeClick\">series-treemap.nodeClick</a> 值为 <code>&#39;link&#39;</code> 时才生效。</p>\n<p>参见 <a href=\"#series-treemap.data.target\">series-treemap.data.target</a>。</p>\n"},"target":{"description":"<p>意义同 <code>html</code> <code>&lt;a&gt;</code> 标签中的 <code>target</code>，参见 <a href=\"#series-treemap.data.link\">series-treemap.data.link</a>。可选值为：<code>&#39;blank&#39;</code> 或 <code>&#39;self&#39;</code>。</p>\n"},"children":{"description":"<p>子节点，递归定义，格式同 <a href=\"#series-treemap.data\">series-treemap.data</a>。</p>\n"},"tooltip":{"properties":{"position":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}},"visualDimension":{"description":"<p><code>treemap</code> 中支持对数据其他维度进行视觉映射。</p>\n<p>首先，treemap的数据格式（参见 <a href=\"#series-treemap.data\">series-treemap.data</a>）中，每个节点的 <code>value</code> 都可以是数组。数组每项是一个『维度』（dimension）。<code>visualDimension</code> 指定了额外的『视觉映射』使用的是数组的哪一项。默认为第 <code>0</code> 项。</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>visualDimension</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n"},"visualMin":{"description":"<p>当前层级的最小 value 值。如果不设置则自动统计。</p>\n<p>手动指定 <code>visualMin</code>、<code>visualMax</code> ，即手动控制了 visual mapping 的值域（当 <a href=\"#series-treemap.levels.colorMappingBy\">colorMappingBy</a> 为 <code>&#39;value&#39;</code> 时有意义）。</p>\n"},"visualMax":{"description":"<p>当前层级的最大 value 值。如果不设置则自动统计。</p>\n<p>手动指定 <code>visualMin</code>、<code>visualMax</code> ，即手动控制了 visual mapping 的值域（当 <a href=\"#series-treemap.levels.colorMappingBy\">colorMappingBy</a> 为 <code>&#39;value&#39;</code> 时有意义）。</p>\n"},"colorAlpha":{"description":"<p>本系列默认的 颜色透明度 选取范围。数值范围 0 ~ 1。</p>\n<p>例如, <code>colorAlpha</code> 可以是 <code>[0.3, 1]</code>.</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>colorAlpha</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n"},"colorSaturation":{"description":"<p>本系列默认的 颜色饱和度 选取范围。数值范围 0 ~ 1。</p>\n<p>例如, <code>colorSaturation</code> 可以是 <code>[0.3, 1]</code>.</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>colorSaturation</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n"},"colorMappingBy":{"description":"<p>表示同一层级节点，在颜色列表中（参见 <code>color</code> 属性）选择时，按照什么来选择。可选值：</p>\n<ul>\n<li><code>&#39;value&#39;</code>：</li>\n</ul>\n<p>将节点的值（即 <a href=\"#series-treemap.data.value\">series-treemap.data.value</a>）映射到颜色列表中。</p>\n<p>这样得到的颜色，反应了节点值的大小。</p>\n<p>可以使用 <a href=\"#series-treemap.levels.visualDimension\">visualDimension</a> 属性来设置，用 <a href=\"#series-treemap.data\">data</a> 中哪个纬度的值来映射。</p>\n<ul>\n<li><code>&#39;index&#39;</code>：</li>\n</ul>\n<p>将节点的 <code>index</code>（序号）映射到颜色列表中。即同一层级中，第一个节点取颜色列表中第一个颜色，第二个节点取第二个。</p>\n<p>这样得到的颜色，便于区分相邻节点。</p>\n<ul>\n<li><code>&#39;id&#39;</code>：</li>\n</ul>\n<p>将节点的 <code>id</code>（即 <a href=\"#series-treemap.data.id\">series-treemap.data.id</a>）映射到颜色列表中。<code>id</code> 是用户指定的，这样能够使得，在treemap 通过 setOption 变化数值时，同一 <code>id</code> 映射到同一颜色，保持一致性。参见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=treemap-obama&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>。</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>colorMappingBy</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n"},"visibleMin":{"description":"<p>如果某个节点的矩形的面积，小于这个数值（单位：px平方），这个节点就不显示。</p>\n<p>如果不加这个限制，很小的节点会影响显示效果。</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>visibleMin</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n"},"childrenVisibleMin":{"description":"<p>如果某个节点的矩形面积，小于这个数值（单位：px平方），则不显示这个节点的子节点。</p>\n<p>这能够在矩形面积不足够大时候，隐藏节点的细节。当用户用鼠标缩放节点时，如果面积大于此阈值，又会显示子节点。</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>childrenVisibleMin</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}},"ellipsis":{"description":"<p>当文字超出的时候，是否超出部分替换为省略号。</p>\n"}}},"upperLabel":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}},"ellipsis":{"properties":{"height":{"description":"<p>父节点标签区的高度。</p>\n"}}}}},"itemStyle":{"properties":{"color":{"description":"<p>矩形的颜色。默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色。</p>\n"},"colorAlpha":{"description":"<p>矩形颜色的透明度。取值范围是 0 ~ 1 之间的浮点数。</p>\n"},"colorSaturation":{"description":"<p>矩形颜色的饱和度。取值范围是 0 ~ 1 之间的浮点数。</p>\n"},"borderWidth":{"description":"<p>矩形边框线宽。为 0 时无边框。而矩形的内部子矩形（子节点）的间隔距离是由 <a href=\"#series-treemap.levels.gapWidth\">gapWidth</a> 指定的。</p>\n"},"gapWidth":{"description":"<p>矩形内部子矩形（子节点）的间隔距离。</p>\n<p><img width=\"700\" height=\"auto\" src=\"documents/asset/img/treemap-border-gap.png\"></p>\n"},"borderColor":{"description":"<p>矩形边框 和 矩形间隔（gap）的颜色。</p>\n"},"borderColorSaturation":{"description":"<p>矩形边框的颜色的饱和度。取值范围是 0 ~ 1 之间的浮点数。</p>\n<p>注意：</p>\n<p>如果设置此属性，则 <code>borderColor</code> 的设置无效，而是：取当前节点计算出的颜色（比如从父节点遗传而来），在此颜色值上设置 <code>borderColorSaturation</code> 得到最终颜色。这种方式，能够做出『不同区块有不同色调的矩形间隔线』的效果，能够便于区分层级。</p>\n<p><br></p>\n<p><strong>矩形边框（border）/缝隙（gap）设置如何避免混淆</strong></p>\n<p>如果统一用一种颜色设置矩形的缝隙（gap），那么当不同层级的矩形同时展示时可能会出现混淆。</p>\n<p>参见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/treemap-borderColor&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>，注意其中红色的区块中的子矩形其实是更深层级，和其他用白色缝隙区分的矩形不是在一个层级。所以，红色区块中矩形的分割线的颜色，我们在 <code>borderColorSaturation</code> 中设置为『加了饱和度变化的红颜色』，以示区别。</p>\n"},"strokeColor":{"description":"<p>每个矩形的描边颜色。</p>\n"},"strokeWidth":{"description":"<p>每个矩形的描边宽度。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}},"ellipsis":{"description":"<p>当文字超出的时候，是否超出部分替换为省略号。</p>\n"}}},"upperLabel":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}},"ellipsis":{"description":"<p>当文字超出的时候，是否超出部分替换为省略号。</p>\n"}}},"itemStyle":{"properties":{"color":{"description":"<p>矩形的颜色。默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色。</p>\n"}}}}},"breadcrumb":{"properties":{"show":{"description":"<p>是否显示面包屑。</p>\n"},"left":{"description":"<p>asdf 组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"top":{"description":"<p>asdf 组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"right":{"description":"<p>asdf 组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n"},"bottom":{"description":"<p>asdf 组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n"},"height":{"description":"<p>面包屑的高度。</p>\n"},"emptyItemWidth":{"description":"<p>当面包屑没有内容时候，设个最小宽度。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>boxplot图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>boxplot图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>boxplot描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"properties":{"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>boxplot图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>boxplot图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>boxplot描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}}}},"data":{"items":{"properties":{"value":{"description":"<p>每个树节点的值，对应到面积大小。可以是number，也可以是数组，如 <code>[2323, 43, 55]</code>，则数组第一项对应到面积大小。</p>\n"},"id":{"description":"<p>每个树节点的id。id 不是必须设置的。但是如果想使用 API 来改变某个节点，需要用 id 来定位。</p>\n"},"name":{"description":"<p>显示在矩形中的描述文字。</p>\n"},"visualDimension":{"description":"<p><code>treemap</code> 中支持对数据其他维度进行视觉映射。</p>\n<p>首先，treemap的数据格式（参见 <a href=\"#series-treemap.data\">series-treemap.data</a>）中，每个节点的 <code>value</code> 都可以是数组。数组每项是一个『维度』（dimension）。<code>visualDimension</code> 指定了额外的『视觉映射』使用的是数组的哪一项。默认为第 <code>0</code> 项。</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>visualDimension</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n"},"visualMin":{"description":"<p>当前层级的最小 value 值。如果不设置则自动统计。</p>\n<p>手动指定 <code>visualMin</code>、<code>visualMax</code> ，即手动控制了 visual mapping 的值域（当 <a href=\"#series-treemap.levels.colorMappingBy\">colorMappingBy</a> 为 <code>&#39;value&#39;</code> 时有意义）。</p>\n"},"visualMax":{"description":"<p>当前层级的最大 value 值。如果不设置则自动统计。</p>\n<p>手动指定 <code>visualMin</code>、<code>visualMax</code> ，即手动控制了 visual mapping 的值域（当 <a href=\"#series-treemap.levels.colorMappingBy\">colorMappingBy</a> 为 <code>&#39;value&#39;</code> 时有意义）。</p>\n"},"color":{"description":"<p>表示同一层级的节点的 颜色 选取列表（选择规则见 <a href=\"#series-treemap.colorMappingBy\">colorMappingBy</a>）。默认为空时，选取系统color列表。</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>color</code> 属性可能在多处地方存在：</p>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n"},"colorAlpha":{"description":"<p>表示同一层级的节点的 颜色透明度 选取范围。数值范围 0 ~ 1。</p>\n<p>例如, <code>colorAlpha</code> 可以是 <code>[0.3, 1]</code>.</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>colorAlpha</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n"},"colorSaturation":{"description":"<p>表示同一层级的节点的 颜色饱和度 选取范围。数值范围 0 ~ 1。</p>\n<p>例如, <code>colorSaturation</code> 可以是 <code>[0.3, 1]</code>.</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>colorSaturation</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n"},"colorMappingBy":{"description":"<p>表示同一层级节点，在颜色列表中（参见 <code>color</code> 属性）选择时，按照什么来选择。可选值：</p>\n<ul>\n<li><code>&#39;value&#39;</code>：</li>\n</ul>\n<p>将节点的值（即 <a href=\"#series-treemap.data.value\">series-treemap.data.value</a>）映射到颜色列表中。</p>\n<p>这样得到的颜色，反应了节点值的大小。</p>\n<p>可以使用 <a href=\"#series-treemap.levels.visualDimension\">visualDimension</a> 属性来设置，用 <a href=\"#series-treemap.data\">data</a> 中哪个纬度的值来映射。</p>\n<ul>\n<li><code>&#39;index&#39;</code>：</li>\n</ul>\n<p>将节点的 <code>index</code>（序号）映射到颜色列表中。即同一层级中，第一个节点取颜色列表中第一个颜色，第二个节点取第二个。</p>\n<p>这样得到的颜色，便于区分相邻节点。</p>\n<ul>\n<li><code>&#39;id&#39;</code>：</li>\n</ul>\n<p>将节点的 <code>id</code>（即 <a href=\"#series-treemap.data.id\">series-treemap.data.id</a>）映射到颜色列表中。<code>id</code> 是用户指定的，这样能够使得，在treemap 通过 setOption 变化数值时，同一 <code>id</code> 映射到同一颜色，保持一致性。参见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=treemap-obama&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>。</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>colorMappingBy</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n"},"visibleMin":{"description":"<p>如果某个节点的矩形的面积，小于这个数值（单位：px平方），这个节点就不显示。</p>\n<p>如果不加这个限制，很小的节点会影响显示效果。</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>visibleMin</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n"},"childrenVisibleMin":{"description":"<p>如果某个节点的矩形面积，小于这个数值（单位：px平方），则不显示这个节点的子节点。</p>\n<p>这能够在矩形面积不足够大时候，隐藏节点的细节。当用户用鼠标缩放节点时，如果面积大于此阈值，又会显示子节点。</p>\n<p>关于视觉设置，详见 <a href=\"#series-treemap.levels\">series-treemap.levels</a>。</p>\n<p><br></p>\n<blockquote>\n<p>注：treemap中 <code>childrenVisibleMin</code> 属性可能在多处地方存在：</p>\n<ul>\n<li>可以存在于 <a href=\"#series-treemap\">sereis-treemap</a> 根下，表示本系列全局的统一设置。</li>\n</ul>\n<ul>\n<li><p>可以存在于 <a href=\"#series-treemap.levels\">series-treemap.levels</a> 的每个数组元素中，表示树每个层级的统一设置。</p>\n</li>\n<li><p>存在于 <a href=\"#series-treemap.data\">series-treemap.data</a> 的每个节点中，表示每个节点的特定设置。</p>\n</li>\n</ul>\n</blockquote>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}},"ellipsis":{"description":"<p>当文字超出的时候，是否超出部分替换为省略号。</p>\n"}}},"upperLabel":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}},"ellipsis":{"properties":{"height":{"description":"<p>父节点标签区的高度。</p>\n"}}}}},"itemStyle":{"properties":{"color":{"description":"<p>矩形的颜色。默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色。</p>\n"},"colorAlpha":{"description":"<p>矩形颜色的透明度。取值范围是 0 ~ 1 之间的浮点数。</p>\n"},"colorSaturation":{"description":"<p>矩形颜色的饱和度。取值范围是 0 ~ 1 之间的浮点数。</p>\n"},"borderWidth":{"description":"<p>矩形边框线宽。为 0 时无边框。而矩形的内部子矩形（子节点）的间隔距离是由 <a href=\"#series-treemap.levels.gapWidth\">gapWidth</a> 指定的。</p>\n"},"gapWidth":{"description":"<p>矩形内部子矩形（子节点）的间隔距离。</p>\n<p><img width=\"700\" height=\"auto\" src=\"documents/asset/img/treemap-border-gap.png\"></p>\n"},"borderColor":{"description":"<p>矩形边框 和 矩形间隔（gap）的颜色。</p>\n"},"borderColorSaturation":{"description":"<p>矩形边框的颜色的饱和度。取值范围是 0 ~ 1 之间的浮点数。</p>\n<p>注意：</p>\n<p>如果设置此属性，则 <code>borderColor</code> 的设置无效，而是：取当前节点计算出的颜色（比如从父节点遗传而来），在此颜色值上设置 <code>borderColorSaturation</code> 得到最终颜色。这种方式，能够做出『不同区块有不同色调的矩形间隔线』的效果，能够便于区分层级。</p>\n<p><br></p>\n<p><strong>矩形边框（border）/缝隙（gap）设置如何避免混淆</strong></p>\n<p>如果统一用一种颜色设置矩形的缝隙（gap），那么当不同层级的矩形同时展示时可能会出现混淆。</p>\n<p>参见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/treemap-borderColor&amp;edit=1&amp;reset=1\" target=\"_blank\">例子</a>，注意其中红色的区块中的子矩形其实是更深层级，和其他用白色缝隙区分的矩形不是在一个层级。所以，红色区块中矩形的分割线的颜色，我们在 <code>borderColorSaturation</code> 中设置为『加了饱和度变化的红颜色』，以示区别。</p>\n"},"strokeColor":{"description":"<p>每个矩形的描边颜色。</p>\n"},"strokeWidth":{"description":"<p>每个矩形的描边宽度。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}},"ellipsis":{"description":"<p>当文字超出的时候，是否超出部分替换为省略号。</p>\n"}}},"upperLabel":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}},"ellipsis":{"description":"<p>当文字超出的时候，是否超出部分替换为省略号。</p>\n"}}},"itemStyle":{"properties":{"color":{"description":"<p>矩形的颜色。默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色。</p>\n"}}}}}}}},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"tooltip":{"properties":{"position":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}},{"properties":{"type":{"description":""},"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"description":"<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"zlevel":{"description":"<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"center":{"description":"<p>旭日图的中心（圆心）坐标，数组的第一项是横坐标，第二项是纵坐标。</p>\n<p>支持设置成百分比，设置成百分比时第一项是相对于容器宽度，第二项是相对于容器高度。</p>\n<p><strong>使用示例：</strong></p>\n<pre><code>// 设置成绝对的像素值\ncenter: [400, 300]\n// 设置成相对的百分比\ncenter: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>"},"radius":{"description":"<p>旭日图的半径，数组的第一项是内半径，第二项是外半径。</p>\n<p>支持设置成百分比，相对于容器高宽中较小的一项的一半。</p>\n"},"data":{"items":{"properties":{"value":{"description":"<p>数据值，如果包含 children，则可以不写 value 值。这时，将使用子元素的 value 之和作为父元素的 value。如果 value 大于子元素之和，可以用来表示还有其他子元素未显示。</p>\n"},"name":{"description":"<p>显示在扇形块中的描述文字。</p>\n"},"link":{"description":"<p>点击此节点可跳转的超链接。须 <a href=\"#series-treemap.nodeClick\">series-sunburst.nodeClick</a> 值为 <code>&#39;link&#39;</code> 时才生效。</p>\n<p>参见 <a href=\"#series-sunburst.data.target\">series-sunburst.data.target</a>。</p>\n"},"target":{"description":"<p>意义同 HTML <code>&lt;a&gt;</code> 标签中的 <code>target</code>，参见 <a href=\"#series-sunburst.data.link\">series-sunburst.data.link</a>。可选值为：<code>&#39;blank&#39;</code> 或 <code>&#39;self&#39;</code>。</p>\n"},"label":{"properties":{"rotate":{"description":"<p>如果是 <code>number</code> 类型，则表示标签的旋转角，从 -90 度到 90 度，正值是逆时针。</p>\n<p>除此之外，还可以是字符串 <code>&#39;radial&#39;</code> 表示径向旋转、<code>&#39;tangential&#39;</code> 表示切向旋转。</p>\n<p>默认径向旋转，如果不需要文字旋转，可以将其设为 <code>0</code>。</p>\n<p>下面的例子展示了不同的 <code>rotate</code> 设置方法：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=sunburst-label-rotate&edit=1&reset=1\" width=\"700\" height=\"400\" ></iframe>\n\n"},"align":{"description":"<p>文字对齐方式，可取值为：<code>&#39;left&#39;</code>、 <code>&#39;center&#39;</code>、 <code>&#39;right&#39;</code>。注意，<code>&#39;left&#39;</code> 是指靠近内圈，而 <code>&#39;right&#39;</code> 是指靠近外圈。</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/sunburst-label-align&edit=1&reset=1\" width=\"700\" height=\"400\" ></iframe>\n\n"},"minAngle":{"description":"<p>当某个扇形块的角度小于该值（角度制）时，扇形块对应的文字不显示。该值用以隐藏过小扇形块中的文字。</p>\n"},"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"rotate":{"description":"<p>如果是 <code>number</code> 类型，则表示标签的旋转角，从 -90 度到 90 度，正值是逆时针。</p>\n<p>除此之外，还可以是字符串 <code>&#39;radial&#39;</code> 表示径向旋转、<code>&#39;tangential&#39;</code> 表示切向旋转。</p>\n<p>默认径向旋转，如果不需要文字旋转，可以将其设为 <code>0</code>。</p>\n<p>下面的例子展示了不同的 <code>rotate</code> 设置方法：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=sunburst-label-rotate&edit=1&reset=1\" width=\"700\" height=\"400\" ></iframe>\n\n"},"align":{"description":"<p>文字对齐方式，可取值为：<code>&#39;left&#39;</code>、 <code>&#39;center&#39;</code>、 <code>&#39;right&#39;</code>。注意，<code>&#39;left&#39;</code> 是指靠近内圈，而 <code>&#39;right&#39;</code> 是指靠近外圈。</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/sunburst-label-align&edit=1&reset=1\" width=\"700\" height=\"400\" ></iframe>\n\n"},"minAngle":{"description":"<p>当某个扇形块的角度小于该值（角度制）时，扇形块对应的文字不显示。该值用以隐藏过小扇形块中的文字。</p>\n"},"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"highlight":{"properties":{"label":{"properties":{"rotate":{"description":"<p>如果是 <code>number</code> 类型，则表示标签的旋转角，从 -90 度到 90 度，正值是逆时针。</p>\n<p>除此之外，还可以是字符串 <code>&#39;radial&#39;</code> 表示径向旋转、<code>&#39;tangential&#39;</code> 表示切向旋转。</p>\n<p>默认径向旋转，如果不需要文字旋转，可以将其设为 <code>0</code>。</p>\n<p>下面的例子展示了不同的 <code>rotate</code> 设置方法：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=sunburst-label-rotate&edit=1&reset=1\" width=\"700\" height=\"400\" ></iframe>\n\n"},"align":{"description":"<p>文字对齐方式，可取值为：<code>&#39;left&#39;</code>、 <code>&#39;center&#39;</code>、 <code>&#39;right&#39;</code>。注意，<code>&#39;left&#39;</code> 是指靠近内圈，而 <code>&#39;right&#39;</code> 是指靠近外圈。</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/sunburst-label-align&edit=1&reset=1\" width=\"700\" height=\"400\" ></iframe>\n\n"},"minAngle":{"description":"<p>当某个扇形块的角度小于该值（角度制）时，扇形块对应的文字不显示。该值用以隐藏过小扇形块中的文字。</p>\n"},"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"downplay":{"properties":{"label":{"properties":{"rotate":{"description":"<p>如果是 <code>number</code> 类型，则表示标签的旋转角，从 -90 度到 90 度，正值是逆时针。</p>\n<p>除此之外，还可以是字符串 <code>&#39;radial&#39;</code> 表示径向旋转、<code>&#39;tangential&#39;</code> 表示切向旋转。</p>\n<p>默认径向旋转，如果不需要文字旋转，可以将其设为 <code>0</code>。</p>\n<p>下面的例子展示了不同的 <code>rotate</code> 设置方法：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=sunburst-label-rotate&edit=1&reset=1\" width=\"700\" height=\"400\" ></iframe>\n\n"},"align":{"description":"<p>文字对齐方式，可取值为：<code>&#39;left&#39;</code>、 <code>&#39;center&#39;</code>、 <code>&#39;right&#39;</code>。注意，<code>&#39;left&#39;</code> 是指靠近内圈，而 <code>&#39;right&#39;</code> 是指靠近外圈。</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/sunburst-label-align&edit=1&reset=1\" width=\"700\" height=\"400\" ></iframe>\n\n"},"minAngle":{"description":"<p>当某个扇形块的角度小于该值（角度制）时，扇形块对应的文字不显示。该值用以隐藏过小扇形块中的文字。</p>\n"},"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"children":{"description":"<p>子节点，递归定义，格式同 <a href=\"#series-sunburst.data\">series-sunburst.data</a>。</p>\n"}}}},"label":{"properties":{"rotate":{"description":"<p>如果是 <code>number</code> 类型，则表示标签的旋转角，从 -90 度到 90 度，正值是逆时针。</p>\n<p>除此之外，还可以是字符串 <code>&#39;radial&#39;</code> 表示径向旋转、<code>&#39;tangential&#39;</code> 表示切向旋转。</p>\n<p>默认径向旋转，如果不需要文字旋转，可以将其设为 <code>0</code>。</p>\n<p>下面的例子展示了不同的 <code>rotate</code> 设置方法：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=sunburst-label-rotate&edit=1&reset=1\" width=\"700\" height=\"400\" ></iframe>\n\n"},"align":{"description":"<p>文字对齐方式，可取值为：<code>&#39;left&#39;</code>、 <code>&#39;center&#39;</code>、 <code>&#39;right&#39;</code>。注意，<code>&#39;left&#39;</code> 是指靠近内圈，而 <code>&#39;right&#39;</code> 是指靠近外圈。</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/sunburst-label-align&edit=1&reset=1\" width=\"700\" height=\"400\" ></iframe>\n\n"},"minAngle":{"description":"<p>当某个扇形块的角度小于该值（角度制）时，扇形块对应的文字不显示。该值用以隐藏过小扇形块中的文字。</p>\n"},"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"highlightPolicy":{"description":"<p>当鼠标移动到一个扇形块时，可以高亮相关的扇形块。<strong>如果其值为 <code>&#39;descendant&#39;</code>，则会高亮该扇形块和后代元素，其他元素将被淡化（<em>downplay</em>，参见 <a href=\"#series-sunburst.itemStyle\">itemStyle</a>）；如果其值为 <code>&#39;ancestor&#39;</code>，则会高亮该扇形块和祖先元素；如果其值为 <code>&#39;self&#39;</code> 则只高亮自身；<code>&#39;none&#39;</code> 则不会淡化其他元素。</strong></p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/sunburst-highlight-descendant&edit=1&reset=1\" width=\"700\" height=\"350\" ></iframe>\n\n\n<p>上面的例子 <code>highlightPolicy</code> 是默认值 <code>&#39;descendant&#39;</code>，我们通过 <code>dispatchAction</code> 触发了旭日图中某个数据块的高亮操作（相当于将鼠标移动到下图中的 <code>target</code> 扇形块中）。目标扇形块将采用 <code>emphasis</code> 的样式（在本例中是为红色），和目标扇形块相关的扇形块（由 <code>highlightPolicy</code> 决定哪些扇形块是相关的）采用 <code>highlight</code> 的样式（橙色），其他扇形块采用 <code>downplay</code> 的样式（灰色）。而如果没有高亮对象，则所有扇形块都采用默认的样式。样式定义是类似这样的：</p>\n<pre><code class=\"lang-js\">itemStyle: {\n    color: &#39;yellow&#39;,\n    borderWidth: 2\n},\nemphasis: {\n    itemStyle: {\n        color: &#39;red&#39;\n    }\n},\nhighlight: {\n    itemStyle: {\n        color: &#39;orange&#39;\n    }\n},\ndownplay: {\n    itemStyle: {\n        color: &#39;#ccc&#39;\n    }\n}\n</code></pre>\n<p>而如果将 <code>highlightPolicy</code> 设为 <code>&#39;ancestor&#39;</code>，则会得到这样的效果：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/sunburst-highlight-ancestor&edit=1&reset=1\" width=\"700\" height=\"350\" ></iframe>\n\n\n\n"},"nodeClick":{"description":"<p>点击节点后的行为。可取值为：</p>\n<ul>\n<li><code>false</code>：节点点击无反应。</li>\n<li><code>&#39;rootToNode&#39;</code>：点击节点后以该节点为根结点。</li>\n<li><code>&#39;link&#39;</code>：如果节点数据中有 <a href=\"#series-sunburst.data.link\">link</a> 点击节点后会进行超链接跳转。</li>\n</ul>\n"},"sort":{"description":"<p>扇形块根据数据 <a href=\"#series-sunburst.data.value\"><code>value</code></a> 的排序方式，如果未指定 <code>value</code>，则其值为子元素 <code>value</code> 之和。默认值 <code>&#39;desc&#39;</code> 表示降序排序；还可以设置为 <code>&#39;asc&#39;</code> 表示升序排序；<code>null</code> 表示不排序，使用原始数据的顺序；或者用回调函数进行排列：</p>\n<pre><code class=\"lang-js\">function(nodeA, nodeB) {\n    return nodeA.getValue() - nodeB.getValue();\n}\n</code></pre>\n"},"renderLabelForZeroData":{"description":"<p>如果数据没有 <code>name</code>，是否需要渲染文字。</p>\n"},"emphasis":{"properties":{"label":{"properties":{"rotate":{"description":"<p>如果是 <code>number</code> 类型，则表示标签的旋转角，从 -90 度到 90 度，正值是逆时针。</p>\n<p>除此之外，还可以是字符串 <code>&#39;radial&#39;</code> 表示径向旋转、<code>&#39;tangential&#39;</code> 表示切向旋转。</p>\n<p>默认径向旋转，如果不需要文字旋转，可以将其设为 <code>0</code>。</p>\n<p>下面的例子展示了不同的 <code>rotate</code> 设置方法：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=sunburst-label-rotate&edit=1&reset=1\" width=\"700\" height=\"400\" ></iframe>\n\n"},"align":{"description":"<p>文字对齐方式，可取值为：<code>&#39;left&#39;</code>、 <code>&#39;center&#39;</code>、 <code>&#39;right&#39;</code>。注意，<code>&#39;left&#39;</code> 是指靠近内圈，而 <code>&#39;right&#39;</code> 是指靠近外圈。</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/sunburst-label-align&edit=1&reset=1\" width=\"700\" height=\"400\" ></iframe>\n\n"},"minAngle":{"description":"<p>当某个扇形块的角度小于该值（角度制）时，扇形块对应的文字不显示。该值用以隐藏过小扇形块中的文字。</p>\n"},"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"highlight":{"properties":{"label":{"properties":{"rotate":{"description":"<p>如果是 <code>number</code> 类型，则表示标签的旋转角，从 -90 度到 90 度，正值是逆时针。</p>\n<p>除此之外，还可以是字符串 <code>&#39;radial&#39;</code> 表示径向旋转、<code>&#39;tangential&#39;</code> 表示切向旋转。</p>\n<p>默认径向旋转，如果不需要文字旋转，可以将其设为 <code>0</code>。</p>\n<p>下面的例子展示了不同的 <code>rotate</code> 设置方法：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=sunburst-label-rotate&edit=1&reset=1\" width=\"700\" height=\"400\" ></iframe>\n\n"},"align":{"description":"<p>文字对齐方式，可取值为：<code>&#39;left&#39;</code>、 <code>&#39;center&#39;</code>、 <code>&#39;right&#39;</code>。注意，<code>&#39;left&#39;</code> 是指靠近内圈，而 <code>&#39;right&#39;</code> 是指靠近外圈。</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/sunburst-label-align&edit=1&reset=1\" width=\"700\" height=\"400\" ></iframe>\n\n"},"minAngle":{"description":"<p>当某个扇形块的角度小于该值（角度制）时，扇形块对应的文字不显示。该值用以隐藏过小扇形块中的文字。</p>\n"},"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"downplay":{"properties":{"label":{"properties":{"rotate":{"description":"<p>如果是 <code>number</code> 类型，则表示标签的旋转角，从 -90 度到 90 度，正值是逆时针。</p>\n<p>除此之外，还可以是字符串 <code>&#39;radial&#39;</code> 表示径向旋转、<code>&#39;tangential&#39;</code> 表示切向旋转。</p>\n<p>默认径向旋转，如果不需要文字旋转，可以将其设为 <code>0</code>。</p>\n<p>下面的例子展示了不同的 <code>rotate</code> 设置方法：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=sunburst-label-rotate&edit=1&reset=1\" width=\"700\" height=\"400\" ></iframe>\n\n"},"align":{"description":"<p>文字对齐方式，可取值为：<code>&#39;left&#39;</code>、 <code>&#39;center&#39;</code>、 <code>&#39;right&#39;</code>。注意，<code>&#39;left&#39;</code> 是指靠近内圈，而 <code>&#39;right&#39;</code> 是指靠近外圈。</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/sunburst-label-align&edit=1&reset=1\" width=\"700\" height=\"400\" ></iframe>\n\n"},"minAngle":{"description":"<p>当某个扇形块的角度小于该值（角度制）时，扇形块对应的文字不显示。该值用以隐藏过小扇形块中的文字。</p>\n"},"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"levels":{"items":{"properties":{"label":{"properties":{"rotate":{"description":"<p>如果是 <code>number</code> 类型，则表示标签的旋转角，从 -90 度到 90 度，正值是逆时针。</p>\n<p>除此之外，还可以是字符串 <code>&#39;radial&#39;</code> 表示径向旋转、<code>&#39;tangential&#39;</code> 表示切向旋转。</p>\n<p>默认径向旋转，如果不需要文字旋转，可以将其设为 <code>0</code>。</p>\n<p>下面的例子展示了不同的 <code>rotate</code> 设置方法：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=sunburst-label-rotate&edit=1&reset=1\" width=\"700\" height=\"400\" ></iframe>\n\n"},"align":{"description":"<p>文字对齐方式，可取值为：<code>&#39;left&#39;</code>、 <code>&#39;center&#39;</code>、 <code>&#39;right&#39;</code>。注意，<code>&#39;left&#39;</code> 是指靠近内圈，而 <code>&#39;right&#39;</code> 是指靠近外圈。</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/sunburst-label-align&edit=1&reset=1\" width=\"700\" height=\"400\" ></iframe>\n\n"},"minAngle":{"description":"<p>当某个扇形块的角度小于该值（角度制）时，扇形块对应的文字不显示。该值用以隐藏过小扇形块中的文字。</p>\n"},"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"rotate":{"description":"<p>如果是 <code>number</code> 类型，则表示标签的旋转角，从 -90 度到 90 度，正值是逆时针。</p>\n<p>除此之外，还可以是字符串 <code>&#39;radial&#39;</code> 表示径向旋转、<code>&#39;tangential&#39;</code> 表示切向旋转。</p>\n<p>默认径向旋转，如果不需要文字旋转，可以将其设为 <code>0</code>。</p>\n<p>下面的例子展示了不同的 <code>rotate</code> 设置方法：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=sunburst-label-rotate&edit=1&reset=1\" width=\"700\" height=\"400\" ></iframe>\n\n"},"align":{"description":"<p>文字对齐方式，可取值为：<code>&#39;left&#39;</code>、 <code>&#39;center&#39;</code>、 <code>&#39;right&#39;</code>。注意，<code>&#39;left&#39;</code> 是指靠近内圈，而 <code>&#39;right&#39;</code> 是指靠近外圈。</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/sunburst-label-align&edit=1&reset=1\" width=\"700\" height=\"400\" ></iframe>\n\n"},"minAngle":{"description":"<p>当某个扇形块的角度小于该值（角度制）时，扇形块对应的文字不显示。该值用以隐藏过小扇形块中的文字。</p>\n"},"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"highlight":{"properties":{"label":{"properties":{"rotate":{"description":"<p>如果是 <code>number</code> 类型，则表示标签的旋转角，从 -90 度到 90 度，正值是逆时针。</p>\n<p>除此之外，还可以是字符串 <code>&#39;radial&#39;</code> 表示径向旋转、<code>&#39;tangential&#39;</code> 表示切向旋转。</p>\n<p>默认径向旋转，如果不需要文字旋转，可以将其设为 <code>0</code>。</p>\n<p>下面的例子展示了不同的 <code>rotate</code> 设置方法：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=sunburst-label-rotate&edit=1&reset=1\" width=\"700\" height=\"400\" ></iframe>\n\n"},"align":{"description":"<p>文字对齐方式，可取值为：<code>&#39;left&#39;</code>、 <code>&#39;center&#39;</code>、 <code>&#39;right&#39;</code>。注意，<code>&#39;left&#39;</code> 是指靠近内圈，而 <code>&#39;right&#39;</code> 是指靠近外圈。</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/sunburst-label-align&edit=1&reset=1\" width=\"700\" height=\"400\" ></iframe>\n\n"},"minAngle":{"description":"<p>当某个扇形块的角度小于该值（角度制）时，扇形块对应的文字不显示。该值用以隐藏过小扇形块中的文字。</p>\n"},"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"downplay":{"properties":{"label":{"properties":{"rotate":{"description":"<p>如果是 <code>number</code> 类型，则表示标签的旋转角，从 -90 度到 90 度，正值是逆时针。</p>\n<p>除此之外，还可以是字符串 <code>&#39;radial&#39;</code> 表示径向旋转、<code>&#39;tangential&#39;</code> 表示切向旋转。</p>\n<p>默认径向旋转，如果不需要文字旋转，可以将其设为 <code>0</code>。</p>\n<p>下面的例子展示了不同的 <code>rotate</code> 设置方法：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=sunburst-label-rotate&edit=1&reset=1\" width=\"700\" height=\"400\" ></iframe>\n\n"},"align":{"description":"<p>文字对齐方式，可取值为：<code>&#39;left&#39;</code>、 <code>&#39;center&#39;</code>、 <code>&#39;right&#39;</code>。注意，<code>&#39;left&#39;</code> 是指靠近内圈，而 <code>&#39;right&#39;</code> 是指靠近外圈。</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/sunburst-label-align&edit=1&reset=1\" width=\"700\" height=\"400\" ></iframe>\n\n"},"minAngle":{"description":"<p>当某个扇形块的角度小于该值（角度制）时，扇形块对应的文字不显示。该值用以隐藏过小扇形块中的文字。</p>\n"},"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},{"properties":{"type":{"description":""},"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"coordinateSystem":{"description":"<p>该系列使用的坐标系，可选：</p>\n<ul>\n<li><p><code>&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系（也称笛卡尔坐标系），通过 <a href=\"#series-cartesian2d.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-cartesian2d.yAxisIndex\">yAxisIndex</a>指定相应的坐标轴组件。</p>\n</li>\n</ul>\n"},"xAxisIndex":{"description":"<p>使用的 <a href=\"#xAxis\">x 轴</a>的 index，在单个图表实例中存在多个 x 轴的时候有用。</p>\n"},"yAxisIndex":{"description":"<p>使用的 <a href=\"#yAxis\">y 轴</a>的 index，在单个图表实例中存在多个 y轴的时候有用。</p>\n"},"name":{"description":"<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"legendHoverLink":{"description":"<p>是否启用<a href=\"#legend\">图例</a> hover 时的联动高亮。</p>\n"},"hoverAnimation":{"description":"<p>是否开启 hover 在 box 上的动画效果。</p>\n"},"layout":{"description":"<p>布局方式，可选值：</p>\n<ul>\n<li><p><code>&#39;horizontal&#39;</code>：水平排布各个 box。</p>\n</li>\n<li><p><code>&#39;vertical&#39;</code>：竖直排布各个 box。</p>\n</li>\n</ul>\n<p>默认值根据当前坐标系状况决定：如果 <code>category</code> 轴为横轴，则水平排布；否则竖直排布；如果没有 <code>category</code> 轴则水平排布。</p>\n"},"boxWidth":{"description":"<p>box 的宽度的上下限。数组的意思是：<code>[min, max]</code>。</p>\n<p>可以是绝对数值，如 <code>[7, 50]</code>，也可以是百分比，如 <code>[&#39;40%&#39;, &#39;90%&#39;]</code>。百分比的意思是，最大可能宽度（bandWidth）的百分之多少。</p>\n"},"dimensions":{"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            // &#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;\n            [12, 44, 55, 66, 2],\n            [23, 6, 16, 23, 1],\n            ...\n        ]\n    },\n    series: {\n        type: &#39;xxx&#39;,\n        // 定义了每个维度的名称。这个名称会被显示到默认的 tooltip 中。\n        dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    }\n}\n</code></pre>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [\n        null,                // 如果此维度不想给出定义，则使用 null 即可\n        {type: &#39;ordinal&#39;},   // 只定义此维度的类型。\n                             // &#39;ordinal&#39; 表示离散型，一般文本使用这种类型。\n                             // 如果类型没有被定义，会自动猜测类型。\n        {name: &#39;good&#39;, type: &#39;number&#39;},\n        &#39;bad&#39;                // 等同于 {name: &#39;bad&#39;}\n    ]\n}\n</code></pre>\n<p><code>dimensions</code> 数组中的每一项可以是：</p>\n<ul>\n<li><code>string</code>，如 <code>&#39;someName&#39;</code>，等同于 <code>{name: &#39;someName&#39;}</code></li>\n<li><code>Object</code>，属性可以有：<ul>\n<li>name: <code>string</code>。</li>\n<li>type: <code>string</code>，支持<ul>\n<li><code>number</code>，默认，表示普通数据。</li>\n<li><code>ordinal</code>，对于类目、文本这些 string 类型的数据，如果需要能在数轴上使用，须是 &#39;ordinal&#39; 类型。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>，表示时间类型。设置成 &#39;time&#39; 则能支持自动解析数据成时间戳（timestamp），比如该维度的数据是 &#39;2017-05-10&#39;，会自动被解析。时间类型的支持参见 <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"},"encode":{"description":"<p>可以定义 <code>data</code> 的哪个维度被编码成什么。比如：</p>\n<pre><code class=\"lang-js\">option = {\n    dataset: {\n        source: [\n            // 每一列称为一个『维度』。\n            // 这里分别是维度 0、1、2、3、4。\n            [12, 44, 55, 66, 2],\n            [23, 6, 16, 23, 1],\n            ...\n        ]\n    },\n    series: {\n        type: &#39;xxx&#39;,\n        encode: {\n            x: [3, 1, 5],      // 表示维度 3、1、5 映射到 x 轴。\n            y: 2,              // 表示维度 2 映射到 y 轴。\n            tooltip: [3, 2, 4] // 表示维度 3、2、4 会在 tooltip 中显示。\n        }\n    }\n}\n</code></pre>\n<p>encode 支持的属性，根据坐标系不同而不同。\n对于 <a href=\"#grid\">直角坐标系（cartesian2d）</a>，支持 <code>x</code>、<code>y</code>。\n对于 <a href=\"#polar\">极坐标系（polar）</a>，支持 <code>radius</code>、<code>angle</code>。\n对于 <a href=\"#geo\">地理坐标系（geo）</a>，支持 <code>lng</code>，<code>lat</code>。\n此外，均支持 <code>tooltip</code> 和 <code>itemName</code>（用于指定 tooltip 中数据项名称）。</p>\n<p>当使用 <a href=\"#series.dimensions\">dimensions</a> 给维度定义名称后，<code>encode</code> 中可直接引用名称，例如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;],\n    encode: {\n        x: &#39;date&#39;,\n        y: [&#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    }\n}\n</code></pre>\n"},"itemStyle":{"properties":{"color":{"description":"<p>boxplot图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>boxplot图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>boxplot描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>boxplot图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>boxplot图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>boxplot描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"items":{"properties":{"name":{"description":"<p>数据项名称。</p>\n"},"value":{"description":"<p>数据值。</p>\n<pre><code class=\"lang-javascript\">[min,  Q1,  median (or Q2),  Q3,  max]\n</code></pre>\n"},"itemStyle":{"properties":{"color":{"description":"<p>boxplot图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>boxplot图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>boxplot描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>boxplot图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>boxplot图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>boxplot描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"tooltip":{"properties":{"position":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}}},"markPoint":{"properties":{"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"items":{"properties":{"name":{"description":"<p>标注名称。</p>\n"},"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-boxplot.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-boxplot.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>标注的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。例如 [121, 2323]、[&#39;aa&#39;, 998]。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n<p><strong>注：</strong>在 ECharts 2.x 中会使用 <code>xAxis</code>，<code>yAxis</code> 标注直角坐标系上的位置，ECharts 3 中不再推荐使用。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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<p>prefix</p>\n"}}},"markLine":{"properties":{"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"symbol":{"description":"<p>标线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定，具体格式见 <a href=\"#series-boxplot.markLine.data.0.symbol\">data.symbol</a>。</p>\n"},"symbolSize":{"description":"<p>标线两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n<p><strong>注意：</strong> 这里无法像一般的 <code>symbolSize</code> 那样通过数组分别指定高宽。</p>\n"},"precision":{"description":"<p>标线数值的精度，在显示平均值线的时候有用。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"properties":{"0":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>起点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>起点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>起点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>起点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}}}}}},"1":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>终点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>终点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>终点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>终点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},"markArea":{"properties":{"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"properties":{"0":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"value":{"description":"<p>标域值，可以不设。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}},"1":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"value":{"description":"<p>标域值，可以不设。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},"zlevel":{"description":"<p>盒须图所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>盒须图组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"tooltip":{"properties":{"position":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}},{"properties":{"type":{"description":""},"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"coordinateSystem":{"description":"<p>该系列使用的坐标系，可选：</p>\n<ul>\n<li><p><code>&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系（也称笛卡尔坐标系），通过 <a href=\"#series-cartesian2d.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-cartesian2d.yAxisIndex\">yAxisIndex</a>指定相应的坐标轴组件。</p>\n</li>\n</ul>\n"},"xAxisIndex":{"description":"<p>使用的 <a href=\"#xAxis\">x 轴</a>的 index，在单个图表实例中存在多个 x 轴的时候有用。</p>\n"},"yAxisIndex":{"description":"<p>使用的 <a href=\"#yAxis\">y 轴</a>的 index，在单个图表实例中存在多个 y轴的时候有用。</p>\n"},"name":{"description":"<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"legendHoverLink":{"description":"<p>是否启用<a href=\"#legend\">图例</a> hover 时的联动高亮。</p>\n"},"hoverAnimation":{"description":"<p>是否开启 hover 在 box 上的动画效果。</p>\n"},"layout":{"description":"<p>布局方式，可选值：</p>\n<ul>\n<li><p><code>&#39;horizontal&#39;</code>：水平排布各个 box。</p>\n</li>\n<li><p><code>&#39;vertical&#39;</code>：竖直排布各个 box。</p>\n</li>\n</ul>\n<p>默认值根据当前坐标系状况决定：如果 <code>category</code> 轴为横轴，则水平排布；否则竖直排布；如果没有 <code>category</code> 轴则水平排布。</p>\n"},"barWidth":{"description":"<p>指定柱宽度。可以使用绝对数值（如 <code>10</code>）或百分比（如 <code>&#39;20%&#39;</code>，表示 band width 的百分之多少）。默认自适应。</p>\n"},"barMinWidth":{"description":"<p>指定柱最大宽度。可以使用绝对数值（如 <code>10</code>）或百分比（如 <code>&#39;20%&#39;</code>，表示 band width 的百分之多少）。默认自适应。</p>\n"},"barMaxWidth":{"description":"<p>指定柱最小宽度。可以使用绝对数值（如 <code>10</code>）或百分比（如 <code>&#39;20%&#39;</code>，表示 band width 的百分之多少）。默认自适应。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p><code>阳线</code> 图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"color0":{"description":"<p><code>阴线</code> 图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p><code>阳线</code> 图形的描边颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor0":{"description":"<p><code>阴线</code> 图形的描边颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderWidth":{"description":"<p>candlestick 描边线宽。为 0 时无描边。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"dimensions":{"items":{"properties":{"tooltip":{"properties":{"position":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p><code>阳线</code> 图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"color0":{"description":"<p><code>阴线</code> 图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p><code>阳线</code> 图形的描边颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor0":{"description":"<p><code>阴线</code> 图形的描边颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderWidth":{"description":"<p>candlestick 描边线宽。为 0 时无描边。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"encode":{"description":"<p>可以定义 <code>data</code> 的哪个维度被编码成什么。比如：</p>\n<pre><code class=\"lang-js\">option = {\n    dataset: {\n        source: [\n            // 每一列称为一个『维度』。\n            // 这里分别是维度 0、1、2、3、4。\n            [12, 44, 55, 66, 2],\n            [23, 6, 16, 23, 1],\n            ...\n        ]\n    },\n    series: {\n        type: &#39;xxx&#39;,\n        encode: {\n            x: [3, 1, 5],      // 表示维度 3、1、5 映射到 x 轴。\n            y: 2,              // 表示维度 2 映射到 y 轴。\n            tooltip: [3, 2, 4] // 表示维度 3、2、4 会在 tooltip 中显示。\n        }\n    }\n}\n</code></pre>\n<p>encode 支持的属性，根据坐标系不同而不同。\n对于 <a href=\"#grid\">直角坐标系（cartesian2d）</a>，支持 <code>x</code>、<code>y</code>。\n对于 <a href=\"#polar\">极坐标系（polar）</a>，支持 <code>radius</code>、<code>angle</code>。\n对于 <a href=\"#geo\">地理坐标系（geo）</a>，支持 <code>lng</code>，<code>lat</code>。\n此外，均支持 <code>tooltip</code> 和 <code>itemName</code>（用于指定 tooltip 中数据项名称）。</p>\n<p>当使用 <a href=\"#series.dimensions\">dimensions</a> 给维度定义名称后，<code>encode</code> 中可直接引用名称，例如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;],\n    encode: {\n        x: &#39;date&#39;,\n        y: [&#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    }\n}\n</code></pre>\n"},"data":{"items":{"properties":{"name":{"description":"<p>数据项名称。</p>\n"},"value":{"description":"<p>数据项值。</p>\n<pre><code class=\"lang-javascript\">[open, close, lowest, highest] （即：[开盘值, 收盘值, 最低值, 最高值]）\n</code></pre>\n"},"itemStyle":{"properties":{"color":{"description":"<p><code>阳线</code> 图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"color0":{"description":"<p><code>阴线</code> 图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p><code>阳线</code> 图形的描边颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor0":{"description":"<p><code>阴线</code> 图形的描边颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderWidth":{"description":"<p>candlestick 描边线宽。为 0 时无描边。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p><code>阳线</code> 图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"color0":{"description":"<p><code>阴线</code> 图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p><code>阳线</code> 图形的描边颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor0":{"description":"<p><code>阴线</code> 图形的描边颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderWidth":{"description":"<p>candlestick 描边线宽。为 0 时无描边。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}}}}},"markPoint":{"properties":{"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"items":{"properties":{"name":{"description":"<p>标注名称。</p>\n"},"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-candlestick.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-candlestick.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>标注的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。例如 [121, 2323]、[&#39;aa&#39;, 998]。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n<p><strong>注：</strong>在 ECharts 2.x 中会使用 <code>xAxis</code>，<code>yAxis</code> 标注直角坐标系上的位置，ECharts 3 中不再推荐使用。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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<p>prefix</p>\n"}}},"markLine":{"properties":{"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"symbol":{"description":"<p>标线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定，具体格式见 <a href=\"#series-candlestick.markLine.data.0.symbol\">data.symbol</a>。</p>\n"},"symbolSize":{"description":"<p>标线两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n<p><strong>注意：</strong> 这里无法像一般的 <code>symbolSize</code> 那样通过数组分别指定高宽。</p>\n"},"precision":{"description":"<p>标线数值的精度，在显示平均值线的时候有用。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"properties":{"0":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>起点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>起点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>起点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>起点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}}}}}},"1":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>终点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>终点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>终点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>终点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},"markArea":{"properties":{"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"properties":{"0":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"value":{"description":"<p>标域值，可以不设。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}},"1":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"value":{"description":"<p>标域值，可以不设。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},"zlevel":{"description":"<p>K线图所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>K线图组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"tooltip":{"properties":{"position":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}},{"properties":{"type":{"description":""},"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"description":"<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"coordinateSystem":{"description":"<p>该系列使用的坐标系，可选：</p>\n<ul>\n<li><p><code>&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系（也称笛卡尔坐标系），通过 <a href=\"#series-heatmap.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-heatmap.yAxisIndex\">yAxisIndex</a>指定相应的坐标轴组件。</p>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;geo&#39;</code></p>\n<p>  使用地理坐标系，通过 <a href=\"#series-heatmap.geoIndex\">geoIndex</a> 指定相应的地理坐标系组件。</p>\n</li>\n</ul>\n"},"xAxisIndex":{"description":"<p>使用的 <a href=\"#xAxis\">x 轴</a>的 index，在单个图表实例中存在多个 x 轴的时候有用。</p>\n"},"yAxisIndex":{"description":"<p>使用的 <a href=\"#yAxis\">y 轴</a>的 index，在单个图表实例中存在多个 y轴的时候有用。</p>\n"},"geoIndex":{"description":"<p>使用的<a href=\"#geo\">地理坐标系</a>的 index，在单个图表实例中存在多个地理坐标系的时候有用。</p>\n"},"calendarIndex":{"description":"<p>使用的<a href=\"#calendar\">日历坐标系</a>的 index，在单个图表实例中存在多个日历坐标系的时候有用。</p>\n"},"blurSize":{"description":"<p>每个点模糊的大小，在地理坐标系(<a href=\"#series-heatmap.coordinateSystem\">coordinateSystem</a>: &#39;geo&#39;)上有效。</p>\n"},"minOpacity":{"description":"<p>最小的透明度，在地理坐标系(<a href=\"#series-heatmap.coordinateSystem\">coordinateSystem</a>: &#39;geo&#39;)上有效。</p>\n"},"maxOpacity":{"description":"<p>最大的透明度，在地理坐标系(<a href=\"#series-heatmap.coordinateSystem\">coordinateSystem</a>: &#39;geo&#39;)上有效。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}},"data":{"items":{"properties":{"name":{"description":"<p>数据项名称。</p>\n"},"value":{"description":"<p>数据项值。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}}},"markPoint":{"properties":{"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"items":{"properties":{"name":{"description":"<p>标注名称。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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<p>prefix</p>\n"}}},"markLine":{"properties":{"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"symbol":{"description":"<p>标线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定，具体格式见 <a href=\"#series-heatmap.markLine.data.0.symbol\">data.symbol</a>。</p>\n"},"symbolSize":{"description":"<p>标线两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n<p><strong>注意：</strong> 这里无法像一般的 <code>symbolSize</code> 那样通过数组分别指定高宽。</p>\n"},"precision":{"description":"<p>标线数值的精度，在显示平均值线的时候有用。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"properties":{"0":{"properties":{"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>起点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>起点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>起点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>起点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}}}}}},"1":{"properties":{"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>终点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>终点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>终点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>终点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},"markArea":{"properties":{"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"properties":{"0":{"properties":{"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"value":{"description":"<p>标域值，可以不设。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}},"1":{"properties":{"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"value":{"description":"<p>标域值，可以不设。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},"zlevel":{"description":"<p>热力图所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>热力图组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"tooltip":{"properties":{"position":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}},{"properties":{"type":{"description":""},"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"description":"<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"map":{"description":"<p>地图类型。</p>\n<p>ECharts 3 中因为地图精度的提高，不再内置地图数据增大代码体积，你可以在<a href=\"http://ecomfe.github.io/echarts-builder-web/map3.html\" target=\"_blank\">地图下载界面</a>下载到需要的地图文件引入并注册到 ECharts 中。</p>\n<p>ECharts 中提供了两种格式的地图数据，一种是可以直接 script 标签引入的 js 文件，引入后会自动注册地图名字和数据。还有一种是 JSON 文件，需要通过 AJAX 异步加载后手动注册。</p>\n<p>下面是两种类型的使用示例：</p>\n<p><strong> JavaScript 引入示例 </strong></p>\n<pre><code class=\"lang-html\">&lt;script src=&quot;echarts.js&quot;&gt;&lt;/script&gt;\n&lt;script src=&quot;map/js/china.js&quot;&gt;&lt;/script&gt;\n&lt;script&gt;\nvar chart = echarts.init(document.getElementById(&#39;main&#39;));\nchart.setOption({\n    series: [{\n        type: &#39;map&#39;,\n        map: &#39;china&#39;\n    }]\n});\n&lt;/script&gt;\n</code></pre>\n<p><strong> JSON 引入示例 </strong></p>\n<pre><code class=\"lang-js\">$.get(&#39;map/json/china.json&#39;, function (chinaJson) {\n    echarts.registerMap(&#39;china&#39;, chinaJson);\n    var chart = echarts.init(document.getElementById(&#39;main&#39;));\n    chart.setOption({\n        series: [{\n            type: &#39;map&#39;,\n            map: &#39;china&#39;\n        }]\n    });\n});\n</code></pre>\n<p>ECharts 使用 <a href=\"http://geojson.org/\" target=\"_blank\">geoJSON</a> 格式的数据作为地图的轮廓，除了上述数据，你也可以通过其它手段获取地图的 <a href=\"http://geojson.org/\" target=\"_blank\">geoJSON</a> 数据注册到 ECharts 中。参见示例 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=map-usa\" target=\"_blank\">USA Population Estimates</a></p>\n"},"roam":{"description":"<p>是否开启鼠标缩放和平移漫游。默认不开启。如果只想要开启缩放或者平移，可以设置成 <code>&#39;scale&#39;</code> 或者 <code>&#39;move&#39;</code>。设置成 <code>true</code> 为都开启</p>\n"},"center":{"description":"<p>当前视角的中心点，用经纬度表示</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">center: [115.97, 29.71]\n</code></pre>\n"},"aspectScale":{"description":"<p>这个参数用于 scale 地图的长宽比。</p>\n<p>最终的 <code>aspect</code> 的计算方式是：<code>geoBoundingRect.width / geoBoundingRect.height * aspectScale</code></p>\n"},"boundingCoords":{"description":"<p>二维数组，定义定位的左上角以及右下角分别所对应的经纬度。例如</p>\n<pre><code class=\"lang-js\">// 设置为一张完整经纬度的世界地图\nmap: &#39;world&#39;,\nleft: 0, top: 0, right: 0, bottom: 0,\nboundingCoords: [\n    // 定位左上角经纬度\n    [-180, 90],\n    // 定位右下角经纬度\n    [180, -90]\n],\n</code></pre>\n"},"zoom":{"description":"<p>当前视角的缩放比例。</p>\n"},"scaleLimit":{"properties":{"min":{"description":"<p>最小的缩放值</p>\n"},"max":{"description":"<p>最大的缩放值</p>\n"}}},"nameMap":{"description":"<p>自定义地区的名称映射，如：</p>\n<pre><code class=\"lang-js\">{\n    &#39;China&#39; : &#39;中国&#39;\n}\n</code></pre>\n"},"selectedMode":{"description":"<p>选中模式，表示是否支持多个选中，默认关闭，支持布尔值和字符串，字符串取值可选<code>&#39;single&#39;</code>表示单选，或者<code>&#39;multiple&#39;</code>表示多选。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"areaColor":{"description":"<p>地图区域的颜色。</p>\n"},"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"areaColor":{"description":"<p>地图区域的颜色。</p>\n"},"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"zlevel":{"description":"<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"left":{"description":"<p>组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"top":{"description":"<p>组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"right":{"description":"<p>组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n"},"bottom":{"description":"<p>组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n"},"layoutCenter":{"description":"<p><code>layoutCenter</code> 和 <code>layoutSize</code> 提供了除了 <code>left/right/top/bottom/width/height</code> 之外的布局手段。</p>\n<p>在使用 <code>left/right/top/bottom/width/height</code> 的时候，可能很难在保持地图高宽比的情况下把地图放在某个盒形区域的正中间，并且保证不超出盒形的范围。此时可以通过 <code>layoutCenter</code> 属性定义地图中心在屏幕中的位置，<code>layoutSize</code> 定义地图的大小。如下示例</p>\n<pre><code class=\"lang-js\">layoutCenter: [&#39;30%&#39;, &#39;30%&#39;],\n// 如果宽高比大于 1 则宽度为 100，如果小于 1 则高度为 100，保证了不超过 100x100 的区域\nlayoutSize: 100\n</code></pre>\n<p>设置这两个值后 <code>left/right/top/bottom/width/height</code> 无效。</p>\n"},"layoutSize":{"description":"<p>地图的大小，见 <code>layoutCenter</code>。支持相对于屏幕宽高的百分比或者绝对的像素大小。</p>\n"},"geoIndex":{"description":"<p>默认情况下，map series 会自己生成内部专用的 <code>geo</code> 组件。但是也可以用这个 <code>geoIndex</code> 指定一个 <a href=\"#geo\">geo</a> 组件。这样的话，map 和 其他 series（例如散点图）就可以共享一个 <a href=\"#geo\">geo</a> 组件了。并且，<a href=\"#geo\">geo</a> 组件的颜色也可以被这个 map series 控制，从而用 <a href=\"#visualMap\">visualMap</a> 来更改。</p>\n<p>当设定了 <code>geoIndex</code> 后，<a href=\"#series-map.map\">series-map.map</a> 属性，以及 <a href=\"#series-map.itemStyle\">series-map.itemStyle</a> 等样式配置不再起作用，而是采用 <a href=\"#geo\">geo</a> 中的相应属性。</p>\n<p>参见：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=geo-map-scatter&reset=1&edit=1\" width=\"600\" height=\"400\" ></iframe>\n\n"},"mapValueCalculation":{"description":"<p>多个拥有相同<a href=\"#series-map.map\">地图类型</a>的系列会使用同一个地图展现，如果多个系列都在同一个区域有值，ECharts 会对这些值统计得到一个数据。这个配置项就是用于配置统计的方式，目前有：</p>\n<ul>\n<li><code>&#39;sum&#39;</code>   取和。</li>\n<li><code>&#39;average&#39;</code> 取平均值。</li>\n<li><code>&#39;max&#39;</code>   取最大值。</li>\n<li><code>&#39;min&#39;</code>   取最小值。</li>\n</ul>\n"},"showLegendSymbol":{"description":"<p>在图例相应区域显示图例的颜色标识（系列标识的小圆点），存在 <a href=\"#legend\">legend</a> 组件时生效。</p>\n"},"seriesLayoutBy":{"description":"<p>当使用 <a href=\"#dataset\">dataset</a> 时，<code>seriesLayoutBy</code> 指定了 <code>dataset</code> 中用行还是列对应到系列上，也就是说，系列“排布”到 <code>dataset</code> 的行还是列上。可取值：</p>\n<ul>\n<li>&#39;column&#39;：默认，<code>dataset</code> 的列对应于系列，从而 <code>dataset</code> 中每一列是一个维度（dimension）。</li>\n<li>&#39;row&#39;：<code>dataset</code> 的行对应于系列，从而 <code>dataset</code> 中每一行是一个维度（dimension）。</li>\n</ul>\n<p>参见这个 <a href=\"http://echarts.baidu.com/examples/editor.html?c=dataset-series-layout-by&amp;theme=lite\" target=\"_blank\">示例</a></p>\n"},"datasetIndex":{"description":"<p>如果 <a href=\"#series.data\">series.data</a> 没有指定，并且 <a href=\"#dataset\">dataset</a> 存在，那么就会使用 <a href=\"#dataset\">dataset</a>。<code>datasetIndex</code> 指定本系列使用那个 <a href=\"#dataset\">dataset</a>。</p>\n"},"data":{"items":{"properties":{"name":{"description":"<p>数据所对应的地图区域的名称，例如 <code>&#39;广东&#39;</code>，<code>&#39;浙江&#39;</code>。</p>\n"},"value":{"description":"<p>该区域的数据值。</p>\n"},"selected":{"description":"<p>该区域是否选中。</p>\n"},"itemStyle":{"properties":{"areaColor":{"description":"<p>地图区域的颜色。</p>\n"},"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"areaColor":{"description":"<p>地图区域的颜色。</p>\n"},"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}},"tooltip":{"properties":{"position":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}}},"markPoint":{"properties":{"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"items":{"properties":{"name":{"description":"<p>标注名称。</p>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-map.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-map.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>标注的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。例如 [121, 2323]、[&#39;aa&#39;, 998]。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n<p><strong>注：</strong>在 ECharts 2.x 中会使用 <code>xAxis</code>，<code>yAxis</code> 标注直角坐标系上的位置，ECharts 3 中不再推荐使用。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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<p>prefix</p>\n"}}},"markLine":{"properties":{"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"symbol":{"description":"<p>标线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定，具体格式见 <a href=\"#series-map.markLine.data.0.symbol\">data.symbol</a>。</p>\n"},"symbolSize":{"description":"<p>标线两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n<p><strong>注意：</strong> 这里无法像一般的 <code>symbolSize</code> 那样通过数组分别指定高宽。</p>\n"},"precision":{"description":"<p>标线数值的精度，在显示平均值线的时候有用。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"properties":{"0":{"properties":{"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>起点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>起点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>起点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>起点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}}}}}},"1":{"properties":{"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>终点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>终点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>终点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>终点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},"markArea":{"properties":{"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"properties":{"0":{"properties":{"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"value":{"description":"<p>标域值，可以不设。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}},"1":{"properties":{"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"value":{"description":"<p>标域值，可以不设。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"tooltip":{"properties":{"position":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}},{"properties":{"type":{"description":""},"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"coordinateSystem":{"description":"<p>该系列使用的坐标系，可选：</p>\n<ul>\n<li><p><code>&#39;parallel&#39;</code></p>\n<p>  使用平行坐标系，通过 <a href=\"#series-parallel.parallelIndex\">parallelIndex</a> 指定相应的平行坐标系组件。</p>\n</li>\n</ul>\n"},"parallelIndex":{"description":"<p>使用的<a href=\"#parallel\">平行坐标系</a>的 index，在单个图表实例中存在多个平行坐标系的时候有用。</p>\n"},"name":{"description":"<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"inactiveOpacity":{"description":"<p>框选时，未被选中的条线会设置成这个『透明度』（从而可以达到变暗的效果）。</p>\n"},"activeOpacity":{"description":"<p>框选时，选中的条线会设置成这个『透明度』（从而可以达到高亮的效果）。</p>\n"},"realtime":{"description":"<p>是否实时刷新。</p>\n"},"data":{"items":{"properties":{"name":{"description":"<p>数据项名称。</p>\n"},"value":{"description":"<p>数据项值。</p>\n"},"lineStyle":{"description":"<p>线条样式。</p>\n"},"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}}}}},"zlevel":{"description":"<p>平行坐标所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>平行坐标组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},{"properties":{"type":{"description":""},"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"description":"<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"coordinateSystem":{"description":"<p>该系列使用的坐标系，可选：</p>\n<ul>\n<li><p><code>&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系（也称笛卡尔坐标系），通过 <a href=\"#series-lines.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-lines.yAxisIndex\">yAxisIndex</a>指定相应的坐标轴组件。</p>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;geo&#39;</code></p>\n<p>  使用地理坐标系，通过 <a href=\"#series-lines.geoIndex\">geoIndex</a> 指定相应的地理坐标系组件。</p>\n</li>\n</ul>\n"},"xAxisIndex":{"description":"<p>使用的 <a href=\"#xAxis\">x 轴</a>的 index，在单个图表实例中存在多个 x 轴的时候有用。</p>\n"},"yAxisIndex":{"description":"<p>使用的 <a href=\"#yAxis\">y 轴</a>的 index，在单个图表实例中存在多个 y轴的时候有用。</p>\n"},"geoIndex":{"description":"<p>使用的<a href=\"#geo\">地理坐标系</a>的 index，在单个图表实例中存在多个地理坐标系的时候有用。</p>\n"},"polyline":{"description":"<p>是否是多段线。</p>\n<p>默认为 <code>false</code>，只能用于绘制只有两个端点的线段，线段可以通过 <a href=\"#series-lines.lineStyle.curveness\">lineStyle.curveness</a> 配置为曲线。</p>\n<p>如果该配置项为 <code>true</code>，则可以在 <a href=\"#series-lines.data.coords\">data.coords</a> 中设置多于 2 个的顶点用来绘制多段线，在绘制路线轨迹的时候比较有用，见示例 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=lines-bmap-bus\" target=\"_blank\">北京公交路线</a>，设置为多段线后 <a href=\"#series-lines.lineStyle.curveness\">lineStyle.curveness</a> 无效。</p>\n"},"effect":{"properties":{"show":{"description":"<p>是否显示特效。</p>\n"},"period":{"description":"<p>特效动画的时间，单位为 s。</p>\n"},"delay":{"description":"<p>特效动画的延时，支持设置成数字或者回调。单位<code>ms</code></p>\n"},"constantSpeed":{"description":"<p>配置特效图形的移动动画是否是固定速度，单位<code>像素/秒</code>，设置为大于 0 的值后会忽略 <a href=\"#series-lines.effect.period\">period</a> 配置项。</p>\n"},"symbol":{"description":"<p>特效图形的标记。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre><p>上面示例中就是使用自定义 path 的 symbol 表现飞机的图形。</p>\n<p><strong>Tip:</strong> symbol 的角度会随着轨迹的切线变化，如果使用自定义 path 的 symbol，需要保证 path 图形的朝向是朝上的，这样在 symbol 沿着轨迹运动的时候可以保证图形始终朝着运动的方向。</p>\n"},"symbolSize":{"description":"<p>特效标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示高和宽，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"color":{"description":"<p>特效标记的颜色，默认取 <a href=\"#series-lines.lineStyle.color\">lineStyle.color</a>。</p>\n"},"trailLength":{"description":"<p>特效尾迹的长度。取从 0 到 1 的值，数值越大尾迹越长。</p>\n"},"loop":{"description":"<p>是否循环显示特效。</p>\n"}}},"large":{"description":"<p>是否启用大规模线图的优化，在数据图形特别多的时候（&gt;=5k）可以开启。</p>\n<p>开启后配合 <a href=\"#series-lines.largeThreshold\">largeThreshold</a> 在数据量大于指定阈值的时候对绘制进行优化。</p>\n<p>缺点：优化后不能自定义设置单个数据项的样式，不能启用 <a href=\"#series-lines.effect\">effect</a>。</p>\n"},"largeThreshold":{"description":"<p>开启绘制优化的阈值。</p>\n"},"symbol":{"description":"<p>线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定。\n具体支持的格式可以参考 <a href=\"#series-line.markLine.data.0.symbol\">标线的 symbol</a></p>\n"},"symbolSize":{"description":"<p>线两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。\n<strong>注意：</strong> 这里无法像一般的 <code>symbolSize</code> 那样通过数组分别指定高宽。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。 默认从<a href=\"#color\">option.color 调色盘</a> 获取颜色</p>\n<p>支持使用回调函数。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(params: Object) =&gt; Color\n</code></pre>\n<p>传入的是数据项 <code>seriesIndex</code>, <code>dataIndex</code>, <code>data</code>, <code>value</code> 等各个参数。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"properties":{"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}},"data":{"items":{"properties":{"name":{"description":"<p>数据名称</p>\n"},"coords":{"description":"<p>一个包含两个到多个二维坐标的数组。在 <a href=\"#series-lines.polyline\">polyline</a> 设置为 <code>true</code> 时支持多于两个的坐标。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}}},"markPoint":{"properties":{"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"items":{"properties":{"name":{"description":"<p>标注名称。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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<p>prefix</p>\n"}}},"markLine":{"properties":{"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"symbol":{"description":"<p>标线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定，具体格式见 <a href=\"#series-lines.markLine.data.0.symbol\">data.symbol</a>。</p>\n"},"symbolSize":{"description":"<p>标线两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n<p><strong>注意：</strong> 这里无法像一般的 <code>symbolSize</code> 那样通过数组分别指定高宽。</p>\n"},"precision":{"description":"<p>标线数值的精度，在显示平均值线的时候有用。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"properties":{"0":{"properties":{"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>起点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>起点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>起点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>起点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}}}}}},"1":{"properties":{"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>终点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>终点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>终点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>终点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},"markArea":{"properties":{"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"properties":{"0":{"properties":{"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"value":{"description":"<p>标域值，可以不设。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}},"1":{"properties":{"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"value":{"description":"<p>标域值，可以不设。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},"zlevel":{"description":"<p>线图所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>线图组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},{"properties":{"type":{"description":""},"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"description":"<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"legendHoverLink":{"description":"<p>是否启用<a href=\"#legend\">图例</a> hover 时的联动高亮。</p>\n"},"coordinateSystem":{"description":"<p>该系列使用的坐标系，可选：</p>\n<ul>\n<li><p><code>null</code> 或者 <code>&#39;none&#39;</code></p>\n<p>  无坐标系。</p>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系（也称笛卡尔坐标系），通过 <a href=\"#series-graph.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-graph.yAxisIndex\">yAxisIndex</a>指定相应的坐标轴组件。</p>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;polar&#39;</code></p>\n<p>  使用极坐标系，通过 <a href=\"#series-graph.polarIndex\">polarIndex</a> 指定相应的极坐标组件</p>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;geo&#39;</code></p>\n<p>  使用地理坐标系，通过 <a href=\"#series-graph.geoIndex\">geoIndex</a> 指定相应的地理坐标系组件。</p>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;none&#39;</code></p>\n<p>  不使用坐标系。</p>\n</li>\n</ul>\n"},"xAxisIndex":{"description":"<p>使用的 <a href=\"#xAxis\">x 轴</a>的 index，在单个图表实例中存在多个 x 轴的时候有用。</p>\n"},"yAxisIndex":{"description":"<p>使用的 <a href=\"#yAxis\">y 轴</a>的 index，在单个图表实例中存在多个 y轴的时候有用。</p>\n"},"polarIndex":{"description":"<p>使用的<a href=\"#polar\">极坐标系</a>的 index，在单个图表实例中存在多个极坐标系的时候有用。</p>\n"},"geoIndex":{"description":"<p>使用的<a href=\"#geo\">地理坐标系</a>的 index，在单个图表实例中存在多个地理坐标系的时候有用。</p>\n"},"calendarIndex":{"description":"<p>使用的<a href=\"#calendar\">日历坐标系</a>的 index，在单个图表实例中存在多个日历坐标系的时候有用。</p>\n"},"hoverAnimation":{"description":"<p>是否开启鼠标 hover 节点的提示动画效果。</p>\n"},"layout":{"description":"<p>图的布局。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p><code>&#39;none&#39;</code> 不采用任何布局，使用<a href=\"#series-graph.data\">节点</a>中提供的 <a href=\"#series-graph.data.x\">x</a>， <a href=\"#series-graph.data.y\">y</a> 作为节点的位置。</p>\n</li>\n<li><p><code>&#39;circular&#39;</code> 采用环形布局，见示例 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=graph-circular-layout\" target=\"_blank\">Les Miserables</a>，布局相关的配置项见 <a href=\"#series-graph.circular\">graph.circular</a></p>\n</li>\n<li><p><code>&#39;force&#39;</code> 采用力引导布局，见示例 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=graph-force\" target=\"_blank\">Force</a>，布局相关的配置项见 <a href=\"#series-graph.force\">graph.force</a></p>\n</li>\n</ul>\n"},"circular":{"properties":{"rotateLabel":{"description":"<p>是否旋转标签，默认不旋转</p>\n"}}},"force":{"properties":{"initLayout":{"description":"<p>进行力引导布局前的初始化布局，初始化布局会影响到力引导的效果。</p>\n<p>默认不进行任何布局，使用<a href=\"#series-graph.data\">节点</a>中提供的 <a href=\"#series-graph.data.x\">x</a>， <a href=\"#series-graph.data.y\">y</a> 作为节点的位置。如果不存在的话会随机生成一个位置。</p>\n<p>也可以选择使用环形布局 <code>&#39;circular&#39;</code>。</p>\n"},"repulsion":{"description":"<p>节点之间的斥力因子。</p>\n<p>支持设置成数组表达斥力的范围，此时不同大小的值会线性映射到不同的斥力。值越大则斥力越大</p>\n"},"gravity":{"description":"<p>节点受到的向中心的引力因子。该值越大节点越往中心点靠拢。</p>\n"},"edgeLength":{"description":"<p>边的两个节点之间的距离，这个距离也会受 <a href=\"#series-graph.force.repulsion\">repulsion</a>。</p>\n<p>支持设置成数组表达边长的范围，此时不同大小的值会线性映射到不同的长度。值越小则长度越长。如下示例</p>\n<pre><code class=\"lang-js\">// 值最大的边长度会趋向于 10，值最小的边长度会趋向于 50\nedgeLength: [10, 50]\n</code></pre>\n"},"layoutAnimation":{"description":"<p>因为力引导布局会在多次迭代后才会稳定，这个参数决定是否显示布局的迭代动画，在浏览器端节点数据较多（&gt;100）的时候不建议关闭，布局过程会造成浏览器假死。</p>\n"}}},"roam":{"description":"<p>是否开启鼠标缩放和平移漫游。默认不开启。如果只想要开启缩放或者平移，可以设置成 <code>&#39;scale&#39;</code> 或者 <code>&#39;move&#39;</code>。设置成 <code>true</code> 为都开启</p>\n"},"nodeScaleRatio":{"description":"<p>鼠标漫游缩放时节点的相应缩放比例，当设为<code>0</code>时节点不随着鼠标的缩放而缩放</p>\n"},"draggable":{"description":"<p>节点是否可拖拽，只在使用力引导布局的时候有用。</p>\n"},"focusNodeAdjacency":{"description":"<p>是否在鼠标移到节点上的时候突出显示节点以及节点的边和邻接节点。</p>\n"},"symbol":{"description":"<p>关系图节点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>关系图节点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n"},"symbolRotate":{"description":"<p>关系图节点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>关系图节点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"edgeSymbol":{"description":"<p>边两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定。默认不显示标记，常见的可以设置为箭头，如下：</p>\n<pre><code class=\"lang-js\">edgeSymbol: [&#39;circle&#39;, &#39;arrow&#39;]\n</code></pre>\n"},"edgeSymbolSize":{"description":"<p>边两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n"},"cursor":{"description":"<p>鼠标悬浮时在图形元素上时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n<p>支持使用回调函数。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(params: Object) =&gt; Color\n</code></pre>\n<p>传入的是数据项 <code>seriesIndex</code>, <code>dataIndex</code>, <code>data</code>, <code>value</code> 等各个参数。</p>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"edgeLabel":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"edgeLabel":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}},"categories":{"items":{"properties":{"name":{"description":"<p>类目名称，用于和 <a href=\"#legend\">legend</a> 对应以及格式化 <a href=\"#tooltip\">tooltip</a> 的内容。</p>\n"},"symbol":{"description":"<p>该类目节点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>该类目节点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>该类目节点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>该类目节点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}}},"data":{"items":{"properties":{"name":{"description":"<p>数据项名称。</p>\n"},"x":{"description":"<p>节点的初始 x 值。在不指定的时候需要指明<code>layout</code>属性选择布局方式。</p>\n"},"y":{"description":"<p>节点的初始 y 值。在不指定的时候需要指明<code>layout</code>属性选择布局方式。</p>\n"},"fixed":{"description":"<p>节点在力引导布局中是否固定。</p>\n"},"value":{"description":"<p>数据项值。</p>\n"},"category":{"description":"<p>数据项所在类目的 index。</p>\n"},"symbol":{"description":"<p>该类目节点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>该类目节点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>该类目节点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>该类目节点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}},"tooltip":{"properties":{"position":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}}},"nodes":{"description":"<p>别名，同 <a href=\"#series-graph.data\">data</a></p>\n"},"links":{"items":{"properties":{"source":{"description":"<p>边的<a href=\"#series-graph.data.name\">源节点名称</a>的字符串，也支持使用数字表示源节点的索引。</p>\n"},"target":{"description":"<p>边的<a href=\"#series-graph.data.name\">目标节点名称</a>的字符串，也支持使用数字表示源节点的索引。</p>\n"},"value":{"description":"<p>边的数值，可以在力引导布局中用于映射到边的长度。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"properties":{"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"emphasis":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"symbol":{"description":"<p>边两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n"},"symbolSize":{"description":"<p>边两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n"}}}},"edges":{"description":"<p>别名，同 <a href=\"#series-graph.links\">links</a></p>\n"},"markPoint":{"properties":{"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"items":{"properties":{"name":{"description":"<p>标注名称。</p>\n"},"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-graph.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-graph.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>标注的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。例如 [121, 2323]、[&#39;aa&#39;, 998]。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n<p><strong>注：</strong>在 ECharts 2.x 中会使用 <code>xAxis</code>，<code>yAxis</code> 标注直角坐标系上的位置，ECharts 3 中不再推荐使用。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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<p>prefix</p>\n"}}},"markLine":{"properties":{"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"symbol":{"description":"<p>标线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定，具体格式见 <a href=\"#series-graph.markLine.data.0.symbol\">data.symbol</a>。</p>\n"},"symbolSize":{"description":"<p>标线两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n<p><strong>注意：</strong> 这里无法像一般的 <code>symbolSize</code> 那样通过数组分别指定高宽。</p>\n"},"precision":{"description":"<p>标线数值的精度，在显示平均值线的时候有用。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"properties":{"0":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>起点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>起点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>起点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>起点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}}}}}},"1":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>终点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>终点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>终点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>终点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},"markArea":{"properties":{"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"properties":{"0":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"value":{"description":"<p>标域值，可以不设。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}},"1":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"value":{"description":"<p>标域值，可以不设。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},"zlevel":{"description":"<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"left":{"description":"<p>组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"top":{"description":"<p>组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"right":{"description":"<p>组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n"},"bottom":{"description":"<p>组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n<p>默认自适应。</p>\n"},"width":{"description":"<p>组件的宽度。</p>\n"},"height":{"description":"<p>组件的高度。</p>\n"},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"},"tooltip":{"properties":{"position":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}},{"properties":{"type":{"description":""},"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"zlevel":{"description":"<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"left":{"description":"<p>sankey组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"top":{"description":"<p>sankey组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"right":{"description":"<p>sankey组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n"},"bottom":{"description":"<p>sankey组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n"},"width":{"description":"<p>sankey组件的宽度。</p>\n"},"height":{"description":"<p>sankey组件的高度。</p>\n"},"nodeWidth":{"description":"<p>图中每个矩形节点的宽度。</p>\n"},"nodeGap":{"description":"<p>图中每一列任意两个矩形节点之间的间隔。</p>\n"},"layoutIterations":{"description":"<p>布局的迭代次数，用来不断优化图中节点的位置，以减少节点和边之间的相互遮盖。</p>\n<p>默认布局迭代次数：<code>32</code>。</p>\n<p>经测试，布局迭代次数不要低于默认值。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>桑基图边的颜色。</p>\n"},"opacity":{"description":"<p>桑基图边的透明度。</p>\n"},"curveness":{"description":"<p>桑基图边的曲度。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>桑基图边的颜色。</p>\n"},"opacity":{"description":"<p>桑基图边的透明度。</p>\n"},"curveness":{"description":"<p>桑基图边的曲度。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"}}}}},"data":{"items":{"properties":{"name":{"description":"<p>数据项名称。</p>\n"},"value":{"description":"<p>数据项值。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}},"tooltip":{"properties":{"position":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}}},"nodes":{"description":"<p>同 <a href=\"#series-sankey.data\">data</a></p>\n"},"links":{"items":{"properties":{"source":{"description":"<p>边的<a href=\"#series-graph.data.name\">源节点名称</a></p>\n"},"target":{"description":"<p>边的<a href=\"#series-graph.data.name\">目标节点名称</a></p>\n"},"value":{"description":"<p>边的数值，决定边的宽度。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>桑基图边的颜色。</p>\n"},"opacity":{"description":"<p>桑基图边的透明度。</p>\n"},"curveness":{"description":"<p>桑基图边的曲度。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>桑基图边的颜色。</p>\n"},"opacity":{"description":"<p>桑基图边的透明度。</p>\n"},"curveness":{"description":"<p>桑基图边的曲度。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"}}}}}}}},"edges":{"description":"<p>同 <a href=\"#series-sankey.links\">links</a></p>\n"},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"},"tooltip":{"properties":{"position":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}},{"properties":{"type":{"description":""},"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"description":"<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"min":{"description":"<p>指定的数据最小值。</p>\n"},"max":{"description":"<p>指定的数据最大值。</p>\n"},"minSize":{"description":"<p>数据最小值 <a href=\"#series-funnel.min\">min</a> 映射的宽度。</p>\n<p>可以是绝对的像素大小，也可以是相对<a href=\"#series-funnel.width\">布局宽度</a>的百分比，如果需要最小值的图形并不是尖端三角，可通过设置该属性实现。</p>\n"},"maxSize":{"description":"<p>数据最大值 <a href=\"#series-funnel.max\">max</a> 映射的宽度。</p>\n<p>可以是绝对的像素大小，也可以是相对<a href=\"#series-funnel.width\">布局宽度</a>的百分比。</p>\n"},"sort":{"description":"<p>数据排序， 可以取 <code>&#39;ascending&#39;</code>，<code>&#39;descending&#39;</code>，<code>&#39;none&#39;</code>（表示按 data 顺序），或者一个函数（即 <code>Array.prototype.sort(function (a, b) { ... })</code>）。</p>\n"},"gap":{"description":"<p>数据图形间距。</p>\n"},"legendHoverLink":{"description":"<p>是否启用<a href=\"#legend\">图例</a> hover 时的联动高亮。</p>\n"},"funnelAlign":{"description":"<p>水平方向对齐布局类型，默认居中对齐，可用选项还有：&#39;left&#39; | &#39;right&#39; | &#39;center&#39;</p>\n"},"label":{"properties":{"show":{"description":""},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  漏斗图左侧，通过<a href=\"#series-funnel.labelLine\">视觉引导线</a>连到相应的梯形。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  漏斗图右侧，通过<a href=\"#series-funnel.labelLine\">视觉引导线</a>连到相应的梯形。</p>\n</li>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  漏斗图梯形内部。</p>\n</li>\n<li><p><code>&#39;inner&#39;</code> 同 <code>&#39;inside&#39;</code>。</p>\n</li>\n<li><code>&#39;center&#39;</code> 同 <code>&#39;inside&#39;</code>。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 百分比\n    percent: number,\n\n}\n</code></pre>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"labelLine":{"properties":{"show":{"description":"<p>是否显示视觉引导线。</p>\n"},"length":{"description":"<p>视觉引导线第一段的长度。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"show":{"description":"<p>是否显示视觉引导线。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n<p>支持使用回调函数。回调函数格式如下：</p>\n<pre><code class=\"lang-js\">(params: Object) =&gt; Color\n</code></pre>\n<p>传入的是数据项 <code>seriesIndex</code>, <code>dataIndex</code>, <code>data</code>, <code>value</code> 等各个参数。</p>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":""},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 百分比\n    percent: number,\n\n}\n</code></pre>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"labelLine":{"properties":{"show":{"description":"<p>是否显示视觉引导线。</p>\n"},"length":{"description":"<p>视觉引导线第一段的长度。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"show":{"description":"<p>是否显示视觉引导线。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}}}}}},"seriesLayoutBy":{"description":"<p>当使用 <a href=\"#dataset\">dataset</a> 时，<code>seriesLayoutBy</code> 指定了 <code>dataset</code> 中用行还是列对应到系列上，也就是说，系列“排布”到 <code>dataset</code> 的行还是列上。可取值：</p>\n<ul>\n<li>&#39;column&#39;：默认，<code>dataset</code> 的列对应于系列，从而 <code>dataset</code> 中每一列是一个维度（dimension）。</li>\n<li>&#39;row&#39;：<code>dataset</code> 的行对应于系列，从而 <code>dataset</code> 中每一行是一个维度（dimension）。</li>\n</ul>\n<p>参见这个 <a href=\"http://echarts.baidu.com/examples/editor.html?c=dataset-series-layout-by&amp;theme=lite\" target=\"_blank\">示例</a></p>\n"},"datasetIndex":{"description":"<p>如果 <a href=\"#series.data\">series.data</a> 没有指定，并且 <a href=\"#dataset\">dataset</a> 存在，那么就会使用 <a href=\"#dataset\">dataset</a>。<code>datasetIndex</code> 指定本系列使用那个 <a href=\"#dataset\">dataset</a>。</p>\n"},"data":{"items":{"properties":{"name":{"description":"<p>数据项名称。</p>\n"},"value":{"description":"<p>数据值。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":""},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  漏斗图左侧，通过<a href=\"#series-funnel.labelLine\">视觉引导线</a>连到相应的梯形。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  漏斗图右侧，通过<a href=\"#series-funnel.labelLine\">视觉引导线</a>连到相应的梯形。</p>\n</li>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  漏斗图梯形内部。</p>\n</li>\n<li><p><code>&#39;inner&#39;</code> 同 <code>&#39;inside&#39;</code>。</p>\n</li>\n<li><code>&#39;center&#39;</code> 同 <code>&#39;inside&#39;</code>。</li>\n</ul>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"labelLine":{"properties":{"show":{"description":"<p>是否显示视觉引导线。</p>\n"},"length":{"description":"<p>视觉引导线第一段的长度。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"show":{"description":"<p>是否显示视觉引导线。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":""},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"labelLine":{"properties":{"show":{"description":"<p>是否显示视觉引导线。</p>\n"},"length":{"description":"<p>视觉引导线第一段的长度。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"show":{"description":"<p>是否显示视觉引导线。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}}}}}},"tooltip":{"properties":{"position":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}}},"markPoint":{"properties":{"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"items":{"properties":{"name":{"description":"<p>标注名称。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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<p>prefix</p>\n"}}},"markLine":{"properties":{"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"symbol":{"description":"<p>标线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定，具体格式见 <a href=\"#series-funnel.markLine.data.0.symbol\">data.symbol</a>。</p>\n"},"symbolSize":{"description":"<p>标线两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n<p><strong>注意：</strong> 这里无法像一般的 <code>symbolSize</code> 那样通过数组分别指定高宽。</p>\n"},"precision":{"description":"<p>标线数值的精度，在显示平均值线的时候有用。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"properties":{"0":{"properties":{"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>起点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>起点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>起点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>起点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}}}}}},"1":{"properties":{"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>终点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>终点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>终点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>终点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},"markArea":{"properties":{"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"properties":{"0":{"properties":{"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"value":{"description":"<p>标域值，可以不设。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}},"1":{"properties":{"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"value":{"description":"<p>标域值，可以不设。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"},"tooltip":{"properties":{"position":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}},{"properties":{"type":{"description":""},"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"description":"<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n<!-- overwrite radius -->"},"radius":{"description":"<p>仪表盘半径，可以是相对于容器高宽中较小的一项的一半的百分比，也可以是绝对的数值。</p>\n<p>{{ use partial-legend-hover-link }}</p>\n"},"startAngle":{"description":"<p>仪表盘起始角度。<a href=\"#series-gauge.center\">圆心</a> 正右手侧为<code>0</code>度，正上方为<code>90</code>度，正左手侧为<code>180</code>度。</p>\n"},"endAngle":{"description":"<p>仪表盘结束角度。</p>\n"},"clockwise":{"description":"<p>仪表盘刻度是否是顺时针增长。</p>\n"},"min":{"description":"<p>最小的数据值，映射到 <a href=\"#series-gauge.minAngle\">minAngle</a>。</p>\n"},"max":{"description":"<p>最大的数据值，映射到 <a href=\"#series-gauge.maxAngle\">maxAngle</a>。</p>\n"},"splitNumber":{"description":"<p>仪表盘刻度的分割段数。</p>\n"},"axisLine":{"properties":{"show":{"description":"<p>是否显示仪表盘轴线。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>仪表盘的轴线可以被分成不同颜色的多段。每段的结束位置和颜色可以通过一个数组来表示。</p>\n<p>默认取值：</p>\n<pre><code class=\"lang-js\">[[0.2, &#39;#91c7ae&#39;], [0.8, &#39;#63869e&#39;], [1, &#39;#c23531&#39;]]\n</code></pre>\n"},"width":{"description":"<p>轴线宽度。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"splitLine":{"properties":{"show":{"description":"<p>是否显示分隔线。</p>\n"},"length":{"description":"<p>分隔线线长。支持相对半径的百分比。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"axisTick":{"properties":{"show":{"description":"<p>是否显示刻度。</p>\n"},"splitNumber":{"description":"<p>分隔线之间分割的刻度数。</p>\n"},"length":{"description":"<p>刻度线长。支持相对半径的百分比。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"axisLabel":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"distance":{"description":"<p>标签与刻度线的距离。</p>\n"},"formatter":{"description":"<p>刻度标签的内容格式器，支持字符串模板和回调函数两种形式。\n示例:</p>\n<pre><code class=\"lang-js\">// 使用字符串模板，模板变量为刻度默认标签 {value}\nformatter: &#39;{value} kg&#39;\n\n// 使用函数模板，函数参数分别为刻度数值\nformatter: function (value) {\n    return value + &#39;km/h&#39;;\n}\n</code></pre>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"pointer":{"properties":{"show":{"description":"<p>是否显示指针。</p>\n"},"length":{"description":"<p>指针长度，可以是绝对数值，也可以是相对于<a href=\"#series-gauge.radius\">半径</a>的半分比。</p>\n"},"width":{"description":"<p>指针宽度。</p>\n"}}},"itemStyle":{"properties":{"color":{"description":"<p>指针颜色，默认取数值所在的<a href=\"#series-gauge.axisLine.lineStyle.color\">区间的颜色</a></p>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n<!-- overwrite color -->"}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"title":{"properties":{"show":{"description":"<p>是否显示标题。</p>\n"},"offsetCenter":{"description":"<p>相对于仪表盘中心的偏移位置，数组第一项是水平方向的偏移，第二项是垂直方向的偏移。可以是绝对的数值，也可以是相对于仪表盘半径的百分比。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"detail":{"properties":{"show":{"description":"<p>是否显示详情。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"offsetCenter":{"description":"<p>相对于仪表盘中心的偏移位置，数组第一项是水平方向的偏移，第二项是垂直方向的偏移。可以是绝对的数值，也可以是相对于仪表盘半径的百分比。</p>\n"},"formatter":{"description":"<p>格式化函数或者字符串</p>\n<pre><code class=\"lang-js\">formatter: function (value) {\n    return value.toFixed(0);\n}\n</code></pre>\n"},"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n<!-- overwrite color -->"}}},"color":{"description":"<p>文本颜色，默认取数值所在的<a href=\"#series-gauge.axisLine.lineStyle.color\">区间的颜色</a></p>\n"}}}}},"markPoint":{"properties":{"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"items":{"properties":{"name":{"description":"<p>标注名称。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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<p>prefix</p>\n"}}},"markLine":{"properties":{"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"symbol":{"description":"<p>标线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定，具体格式见 <a href=\"#series-gauge.markLine.data.0.symbol\">data.symbol</a>。</p>\n"},"symbolSize":{"description":"<p>标线两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n<p><strong>注意：</strong> 这里无法像一般的 <code>symbolSize</code> 那样通过数组分别指定高宽。</p>\n"},"precision":{"description":"<p>标线数值的精度，在显示平均值线的时候有用。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"properties":{"0":{"properties":{"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>起点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>起点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>起点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>起点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}}}}}},"1":{"properties":{"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>终点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>终点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>终点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>终点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},"markArea":{"properties":{"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"properties":{"0":{"properties":{"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"value":{"description":"<p>标域值，可以不设。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}},"1":{"properties":{"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"value":{"description":"<p>标域值，可以不设。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"},"tooltip":{"properties":{"position":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}},{"properties":{"type":{"description":""},"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"description":"<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"legendHoverLink":{"description":"<p>是否启用<a href=\"#legend\">图例</a> hover 时的联动高亮。</p>\n"},"coordinateSystem":{"description":"<p>该系列使用的坐标系，可选：</p>\n<ul>\n<li><p><code>&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系（也称笛卡尔坐标系），通过 <a href=\"#series-pictorialBar.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-pictorialBar.yAxisIndex\">yAxisIndex</a>指定相应的坐标轴组件。</p>\n</li>\n</ul>\n"},"xAxisIndex":{"description":"<p>使用的 <a href=\"#xAxis\">x 轴</a>的 index，在单个图表实例中存在多个 x 轴的时候有用。</p>\n"},"yAxisIndex":{"description":"<p>使用的 <a href=\"#yAxis\">y 轴</a>的 index，在单个图表实例中存在多个 y轴的时候有用。</p>\n"},"cursor":{"description":"<p>鼠标悬浮时在图形元素上时鼠标的样式是什么。同 CSS 的 <code>cursor</code>。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"barWidth":{"description":"<p>柱条的宽度，不设时自适应。支持设置成相对于类目宽度的百分比。</p>\n<p>在同一坐标系上，此属性会被多个 <code>&#39;pictorialBar&#39;</code> 系列共享。此属性应设置于此坐标系中最后一个 <code>&#39;pictorialBar&#39;</code> 系列上才会生效，并且是对此坐标系中所有 <code>&#39;pictorialBar&#39;</code> 系列生效。</p>\n"},"barMaxWidth":{"description":"<p>柱条的最大宽度，不设时自适应。支持设置成相对于类目宽度的百分比。</p>\n<p>在同一坐标系上，此属性会被多个 <code>&#39;pictorialBar&#39;</code> 系列共享。此属性应设置于此坐标系中最后一个 <code>&#39;pictorialBar&#39;</code> 系列上才会生效，并且是对此坐标系中所有 <code>&#39;pictorialBar&#39;</code> 系列生效。</p>\n"},"barMinHeight":{"description":"<p>柱条最小高度，可用于防止某数据项的值过小而影响交互。</p>\n"},"barGap":{"description":"<p>柱间距离，可设固定值（如 <code>20</code>）或者百分比（如 <code>&#39;30%&#39;</code>，表示柱子宽度的 <code>30%</code>）。</p>\n<p>如果想要两个系列的柱子重叠，可以设置 barGap 为 <code>&#39;-100%&#39;</code>。这在用柱子做背景的时候有用。</p>\n<p>在同一坐标系上，此属性会被多个 <code>&#39;pictorialBar&#39;</code> 系列共享。此属性应设置于此坐标系中最后一个 <code>&#39;pictorialBar&#39;</code> 系列上才会生效，并且是对此坐标系中所有 <code>&#39;pictorialBar&#39;</code> 系列生效。</p>\n<p>例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/barGrid-barGap&reset=1&edit=1\" width=\"600\" height=\"400\" ></iframe>\n\n"},"barCategoryGap":{"description":"<p>类目间柱形距离，默认为类目间距的20%，可设固定值</p>\n<p>在同一坐标系上，此属性会被多个 <code>&#39;pictorialBar&#39;</code> 系列共享。此属性应设置于此坐标系中最后一个 <code>&#39;pictorialBar&#39;</code> 系列上才会生效，并且是对此坐标系中所有 <code>&#39;pictorialBar&#39;</code> 系列生效。</p>\n"},"symbol":{"description":"<p>图形类型。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre><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\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbol\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbol\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbol: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbol: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbol: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n"},"symbolSize":{"description":"<p>图形的大小。</p>\n<p>可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>，也可以设置成诸如 <code>10</code> 这样单一的数字，表示 <code>[10, 10]</code>。</p>\n<p>可以设置成绝对值（如 <code>10</code>），也可以设置成百分比（如 <code>&#39;120%&#39;</code>、<code>[&#39;55%&#39;, 23]</code>）。</p>\n<p>当设置为百分比时，图形的大小是基于 <a href=\"#series-pictorialBar\">基准柱</a> 的尺寸计算出来的。</p>\n<p>例如，当基准柱基于 x 轴（即柱子是纵向的），<a href=\"#series-pictorialBar.symbolSize\">symbolSize</a> 设置为 <code>[&#39;30%&#39;, &#39;50%&#39;]</code>，那么最终图形的尺寸是：</p>\n<ul>\n<li>宽度：<code>基准柱的宽度 * 30%</code>。</li>\n<li>高度：<ul>\n<li>如果 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 为 <code>false</code>：<code>基准柱的高度 * 50%</code>。</li>\n<li>如果 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 为 <code>true</code>：<code>基准柱的宽度 * 50%</code>。</li>\n</ul>\n</li>\n</ul>\n<p>基准柱基于 y 轴（即柱子是横向的）的情况类似对调可得出。</p>\n<p>例子：</p>\n<iframe data-src=\"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\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolSize\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolSize\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolSize: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolSize: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolSize: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n"},"symbolPosition":{"description":"<p>图形的定位位置。可取值：</p>\n<ul>\n<li><code>&#39;start&#39;</code>：图形边缘与柱子开始的地方内切。</li>\n<li><code>&#39;end&#39;</code>：图形边缘与柱子结束的地方内切。</li>\n<li><code>&#39;center&#39;</code>：图形在柱子里居中。</li>\n</ul>\n<p>例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/pictorialBar-position&reset=1&edit=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolPosition\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolPosition\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolPosition: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolPosition: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolPosition: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n"},"symbolOffset":{"description":"<p>图形相对于原本位置的偏移。<code>symbolOffset</code> 是图形定位中最后计算的一个步骤，可以对图形计算出来的位置进行微调。</p>\n<p>可以设置成绝对值（如 <code>10</code>），也可以设置成百分比（如 <code>&#39;120%&#39;</code>、<code>[&#39;55%&#39;, 23]</code>）。</p>\n<p>当设置为百分比时，表示相对于自身尺寸 <a href=\"#series-pictorialBar.symbolSize\">symbolSize</a> 的百分比。</p>\n<p>例如 <code>[0, &#39;-50%&#39;]</code> 就是把图形向上移动了自身尺寸的一半的位置。</p>\n<p>例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/pictorialBar-position&reset=1&edit=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolOffset\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolOffset\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolOffset: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolOffset: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolOffset: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n"},"symbolRotate":{"description":"<p>图形的旋转角度。</p>\n<p>注意，<code>symbolRotate</code> 并不会影响图形的定位（哪怕超出基准柱的边界），而只是单纯得绕自身中心旋转。</p>\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolRotate\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolRotate\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolRotate: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolRotate: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolRotate: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n"},"symbolRepeat":{"description":"<p>指定图形元素是否重复。值可为：</p>\n<ul>\n<li><code>false</code>/<code>null</code>/<code>undefined</code>：不重复，即每个数据值用一个图形元素表示。</li>\n<li><code>true</code>：使图形元素重复，即每个数据值用一组重复的图形元素表示。重复的次数依据 <a href=\"#series-pictorialBar.data\">data</a> 计算得到。</li>\n<li>a number：使图形元素重复，即每个数据值用一组重复的图形元素表示。重复的次数是给定的定值。</li>\n<li><code>&#39;fixed&#39;</code>：使图形元素重复，即每个数据值用一组重复的图形元素表示。重复的次数依据 <a href=\"#series-pictorialBar.symbolBoundingData\">symbolBoundingData</a> 计算得到，即与 <a href=\"#series-pictorialBar.data\">data</a> 无关。这在此图形被用于做背景时有用。</li>\n</ul>\n<p>例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/pictorialBar-repeat&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolRepeat\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolRepeat\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolRepeat: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolRepeat: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolRepeat: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n"},"symbolRepeatDirection":{"description":"<p>指定图形元素重复时，绘制的顺序。这个属性在两种情况下有用处：</p>\n<ul>\n<li><p>当 <a href=\"#series-pictorialBar.symbolMargin\">symbolMargin</a> 设置为负值时，重复的图形会互相覆盖，这是可以使用 <code>symbolRepeatDirection</code> 来指定覆盖顺序。</p>\n</li>\n<li><p>当 <a href=\"#series-pictorialBar.animationDelay\">animationDelay</a> 或 <a href=\"#series-pictorialBar.animationDelayUpdate\">animationDelayUpdate</a> 被使用时，<code>symbolRepeatDirection</code> 指定了 index 顺序。</p>\n</li>\n</ul>\n<p>这个属性的值可以是：<code>&#39;start&#39;</code> 或 <code>&#39;end&#39;</code>。</p>\n<p>例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/pictorialBar-repeatDirection&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolRepeatDirection\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolRepeatDirection\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolRepeatDirection: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolRepeatDirection: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolRepeatDirection: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n"},"symbolMargin":{"description":"<p>图形的两边间隔（『两边』是指其数值轴方向的两边）。可以是绝对数值（如 <code>20</code>），或者百分比值（如 <code>&#39;-30%&#39;</code>），表示相对于自身尺寸 <a href=\"#series-pictorialBar.symbolSize\">symbolSize</a> 的百分比。只有当 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 被使用时有意义。</p>\n<p>可以是正值，表示间隔大；也可以是负数。当 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 被使用时，负数时能使图形重叠。</p>\n<p>可以在其值结尾处加一个 <code>&quot;!&quot;</code>，如 <code>&quot;30%!&quot;</code> 或 <code>25!</code>，表示第一个图形的开始和最后一个图形结尾留白，不紧贴边界。默认会紧贴边界。</p>\n<p>注意：</p>\n<ul>\n<li>当 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 为 <code>true</code>/<code>&#39;fixed&#39;</code> 的时候：\n  这里设置的 <code>symbolMargin</code> 只是个参考值，真正最后的图形间隔，是根据 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a>、<code>symbolMargin</code>、<a href=\"#series-pictorialBar.symbolBoundingData\">symbolBoundingData</a> 综合计算得到。</li>\n<li>当 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 为一个固定数值的时候：\n  这里设置的 <code>symbolMargin</code> 无效。</li>\n</ul>\n<p>例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/pictorialBar-repeatLayout&reset=1&edit=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolMargin\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolMargin\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolMargin: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolMargin: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolMargin: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n"},"symbolClip":{"description":"<p>是否剪裁图形。</p>\n<ul>\n<li><code>false</code>/null/undefined：图形本身表示数值大小。</li>\n<li><code>true</code>：图形被剪裁后剩余的部分表示数值大小。</li>\n</ul>\n<p><code>symbolClip</code> 常在这种场景下使用：同时表达『总值』和『当前数值』。在这种场景下，可以使用两个系列，一个系列是完整的图形，当做『背景』来表达总数值，另一个系列是使用 <code>symbolClip</code> 进行剪裁过的图形，表达当前数值。</p>\n<p>例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/pictorialBar-clip&reset=1&edit=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n<p>在这个例子中：</p>\n<ul>\n<li>『背景系列』和『当前值系列』使用相同的 <a href=\"#series.pictorialBar.symbolBoundingData\">symbolBoundingData</a>，使得绘制出的图形的大小是一样的。</li>\n<li>『当前值系列』设置了比『背景系列』更高的 <a href=\"#series.pictorialBar.z\">z</a>，使得其覆盖在『背景系列』上。</li>\n</ul>\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolClip\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolClip\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolClip: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolClip: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolClip: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n"},"symbolBoundingData":{"description":"<p>这个属性是『指定图形界限的值』。它指定了一个 data，这个 data 映射在坐标系上的位置，是图形绘制的界限。也就是说，如果设置了 <code>symbolBoundingData</code>，图形的尺寸则由 <code>symbolBoundingData</code> 决定。</p>\n<p>当柱子是水平的，symbolBoundingData 对应到 x 轴上，当柱子是竖直的，symbolBoundingData 对应到 y 轴上。</p>\n<p>规则：</p>\n<ul>\n<li><p>没有使用 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 时：</p>\n<p>  <code>symbolBoundingData</code> 缺省情况下和『参考柱』的尺寸一样。图形的尺寸由零点和 <code>symbolBoundingData</code> 决定。举例，当柱子是竖直的，柱子对应的 data 为 <code>24</code>，<code>symbolSize</code> 设置为 <code>[30, &#39;50%&#39;]</code>，<code>symbolBoundingData</code> 设置为 <code>124</code>，那么最终图形的高度为 <code>124 * 50% = 62</code>。如果 <code>symbolBoundingData</code> 不设置，那么最终图形的高度为 <code>24 * 50% = 12</code>。</p>\n</li>\n<li><p>使用了 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 时：</p>\n<p>  <code>symbolBoundingData</code> 缺省情况取当前坐标系所显示出的最值。<code>symbolBoundingData</code> 定义了一个 bounding，重复的图形在这个 bounding 中，依据 <a href=\"#series-pictorialBar.symbolMargin\">symbolMargin</a> 和 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 和 <a href=\"#series-pictorialBar.symbolSize\">symbolSize</a> 进行排布。这几个变量决定了图形的间隔大小。</p>\n</li>\n</ul>\n<p>在这些场景中，你可能会需要设置 <code>symbolBoundingData</code>：</p>\n<ul>\n<li><p>使用了 <a href=\"#series-pictorialBar.symbolClip\">symbolCilp</a> 时：</p>\n<p>  使用一个系列表达『总值』，另一个系列表达『当前值』的时候，需要两个系列画出的图形一样大。那么就把两个系列的 <code>symbolBoundingData</code> 设为一样大。</p>\n</li>\n</ul>\n<p>例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/pictorialBar-clip&reset=1&edit=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n<ul>\n<li><p>使用了 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 时：</p>\n<p>  如果需要不同柱子中的图形的间隔保持一致，那么可以把 <code>symbolBoundingData</code> 设为一致的数值。当然，不设置 <code>symbolBoundingData</code> 也是可以的，因为其缺省值就是一个定值（坐标系所显示出的最值）。</p>\n</li>\n</ul>\n<p>例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/pictorialBar-repeatLayout&reset=1&edit=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n<p><br>\n<code>symbolBoundingData</code> 可以是一个数组，例如 <code>[-40, 60]</code>，表示同时指定了正值的 <code>symbolBoundingData</code> 和负值的 <code>symbolBoundingData</code>。</p>\n<p>参见例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/pictorialBar-symbolBoundingDataArray&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolBoundingData\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolBoundingData\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolBoundingData: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolBoundingData: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolBoundingData: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n"},"symbolPatternSize":{"description":"<p>可以使用图片作为图形的 pattern。</p>\n<pre><code class=\"lang-js\">var textureImg = new Image();\ntextureImg.src = &#39;data:image/jpeg;base64,...&#39;; // dataURI\n// 或者\n// textureImg.src = &#39;http://xxx.xxx.xxx/xx.png&#39;; // URL\n...\nitemStyle: {\n    color: {\n        image: textureImg,\n        repeat: &#39;repeat&#39;\n    }\n}\n</code></pre>\n<p>这时候，<code>symbolPatternSize</code> 指定了 pattern 的缩放尺寸。比如 <code>symbolPatternSize</code> 为 400 时表示图片显示为 <code>400px * 400px</code> 的尺寸。</p>\n<p>例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/pictorialBar-patternSize&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolPatternSize\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolPatternSize\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolPatternSize: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolPatternSize: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolPatternSize: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n"},"hoverAnimation":{"properties":{"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelay":{"description":"<p>动画开始之前的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (dataIndex, params) {\n    return params.index * 30;\n}\n或者反向：\nanimationDelay: function (dataIndex, params) {\n    return (params.count - 1 - params.index) * 30;\n}\n</code></pre>\n<p>例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/pictorialBar-repeatDirection&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n"},"animationDelayUpdate":{"description":"<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (dataIndex, params) {\n    return params.index * 30;\n}\n或者反向：\nanimationDelay: function (dataIndex, params) {\n    return (params.count - 1 - params.index) * 30;\n}\n</code></pre>\n<p>例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/pictorialBar-repeatDirection&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n"}}},"dimensions":{"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            // &#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;\n            [12, 44, 55, 66, 2],\n            [23, 6, 16, 23, 1],\n            ...\n        ]\n    },\n    series: {\n        type: &#39;xxx&#39;,\n        // 定义了每个维度的名称。这个名称会被显示到默认的 tooltip 中。\n        dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    }\n}\n</code></pre>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [\n        null,                // 如果此维度不想给出定义，则使用 null 即可\n        {type: &#39;ordinal&#39;},   // 只定义此维度的类型。\n                             // &#39;ordinal&#39; 表示离散型，一般文本使用这种类型。\n                             // 如果类型没有被定义，会自动猜测类型。\n        {name: &#39;good&#39;, type: &#39;number&#39;},\n        &#39;bad&#39;                // 等同于 {name: &#39;bad&#39;}\n    ]\n}\n</code></pre>\n<p><code>dimensions</code> 数组中的每一项可以是：</p>\n<ul>\n<li><code>string</code>，如 <code>&#39;someName&#39;</code>，等同于 <code>{name: &#39;someName&#39;}</code></li>\n<li><code>Object</code>，属性可以有：<ul>\n<li>name: <code>string</code>。</li>\n<li>type: <code>string</code>，支持<ul>\n<li><code>number</code>，默认，表示普通数据。</li>\n<li><code>ordinal</code>，对于类目、文本这些 string 类型的数据，如果需要能在数轴上使用，须是 &#39;ordinal&#39; 类型。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>，表示时间类型。设置成 &#39;time&#39; 则能支持自动解析数据成时间戳（timestamp），比如该维度的数据是 &#39;2017-05-10&#39;，会自动被解析。时间类型的支持参见 <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"},"encode":{"description":"<p>可以定义 <code>data</code> 的哪个维度被编码成什么。比如：</p>\n<pre><code class=\"lang-js\">option = {\n    dataset: {\n        source: [\n            // 每一列称为一个『维度』。\n            // 这里分别是维度 0、1、2、3、4。\n            [12, 44, 55, 66, 2],\n            [23, 6, 16, 23, 1],\n            ...\n        ]\n    },\n    series: {\n        type: &#39;xxx&#39;,\n        encode: {\n            x: [3, 1, 5],      // 表示维度 3、1、5 映射到 x 轴。\n            y: 2,              // 表示维度 2 映射到 y 轴。\n            tooltip: [3, 2, 4] // 表示维度 3、2、4 会在 tooltip 中显示。\n        }\n    }\n}\n</code></pre>\n<p>encode 支持的属性，根据坐标系不同而不同。\n对于 <a href=\"#grid\">直角坐标系（cartesian2d）</a>，支持 <code>x</code>、<code>y</code>。\n对于 <a href=\"#polar\">极坐标系（polar）</a>，支持 <code>radius</code>、<code>angle</code>。\n对于 <a href=\"#geo\">地理坐标系（geo）</a>，支持 <code>lng</code>，<code>lat</code>。\n此外，均支持 <code>tooltip</code> 和 <code>itemName</code>（用于指定 tooltip 中数据项名称）。</p>\n<p>当使用 <a href=\"#series.dimensions\">dimensions</a> 给维度定义名称后，<code>encode</code> 中可直接引用名称，例如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;],\n    encode: {\n        x: &#39;date&#39;,\n        y: [&#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    }\n}\n</code></pre>\n"},"data":{"items":{"properties":{"name":{"description":"<p>数据项名称。</p>\n"},"value":{"description":"<p>单个数据项的数值。</p>\n"},"symbol":{"description":"<p>图形类型。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre><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\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbol\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbol\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbol: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbol: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbol: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n"},"symbolSize":{"description":"<p>图形的大小。</p>\n<p>可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>，也可以设置成诸如 <code>10</code> 这样单一的数字，表示 <code>[10, 10]</code>。</p>\n<p>可以设置成绝对值（如 <code>10</code>），也可以设置成百分比（如 <code>&#39;120%&#39;</code>、<code>[&#39;55%&#39;, 23]</code>）。</p>\n<p>当设置为百分比时，图形的大小是基于 <a href=\"#series-pictorialBar\">基准柱</a> 的尺寸计算出来的。</p>\n<p>例如，当基准柱基于 x 轴（即柱子是纵向的），<a href=\"#series-pictorialBar.symbolSize\">symbolSize</a> 设置为 <code>[&#39;30%&#39;, &#39;50%&#39;]</code>，那么最终图形的尺寸是：</p>\n<ul>\n<li>宽度：<code>基准柱的宽度 * 30%</code>。</li>\n<li>高度：<ul>\n<li>如果 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 为 <code>false</code>：<code>基准柱的高度 * 50%</code>。</li>\n<li>如果 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 为 <code>true</code>：<code>基准柱的宽度 * 50%</code>。</li>\n</ul>\n</li>\n</ul>\n<p>基准柱基于 y 轴（即柱子是横向的）的情况类似对调可得出。</p>\n<p>例子：</p>\n<iframe data-src=\"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\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolSize\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolSize\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolSize: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolSize: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolSize: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n"},"symbolPosition":{"description":"<p>图形的定位位置。可取值：</p>\n<ul>\n<li><code>&#39;start&#39;</code>：图形边缘与柱子开始的地方内切。</li>\n<li><code>&#39;end&#39;</code>：图形边缘与柱子结束的地方内切。</li>\n<li><code>&#39;center&#39;</code>：图形在柱子里居中。</li>\n</ul>\n<p>例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/pictorialBar-position&reset=1&edit=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolPosition\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolPosition\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolPosition: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolPosition: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolPosition: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n"},"symbolOffset":{"description":"<p>图形相对于原本位置的偏移。<code>symbolOffset</code> 是图形定位中最后计算的一个步骤，可以对图形计算出来的位置进行微调。</p>\n<p>可以设置成绝对值（如 <code>10</code>），也可以设置成百分比（如 <code>&#39;120%&#39;</code>、<code>[&#39;55%&#39;, 23]</code>）。</p>\n<p>当设置为百分比时，表示相对于自身尺寸 <a href=\"#series-pictorialBar.symbolSize\">symbolSize</a> 的百分比。</p>\n<p>例如 <code>[0, &#39;-50%&#39;]</code> 就是把图形向上移动了自身尺寸的一半的位置。</p>\n<p>例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/pictorialBar-position&reset=1&edit=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolOffset\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolOffset\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolOffset: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolOffset: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolOffset: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n"},"symbolRotate":{"description":"<p>图形的旋转角度。</p>\n<p>注意，<code>symbolRotate</code> 并不会影响图形的定位（哪怕超出基准柱的边界），而只是单纯得绕自身中心旋转。</p>\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolRotate\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolRotate\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolRotate: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolRotate: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolRotate: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n"},"symbolRepeat":{"description":"<p>指定图形元素是否重复。值可为：</p>\n<ul>\n<li><code>false</code>/<code>null</code>/<code>undefined</code>：不重复，即每个数据值用一个图形元素表示。</li>\n<li><code>true</code>：使图形元素重复，即每个数据值用一组重复的图形元素表示。重复的次数依据 <a href=\"#series-pictorialBar.data\">data</a> 计算得到。</li>\n<li>a number：使图形元素重复，即每个数据值用一组重复的图形元素表示。重复的次数是给定的定值。</li>\n<li><code>&#39;fixed&#39;</code>：使图形元素重复，即每个数据值用一组重复的图形元素表示。重复的次数依据 <a href=\"#series-pictorialBar.symbolBoundingData\">symbolBoundingData</a> 计算得到，即与 <a href=\"#series-pictorialBar.data\">data</a> 无关。这在此图形被用于做背景时有用。</li>\n</ul>\n<p>例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/pictorialBar-repeat&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolRepeat\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolRepeat\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolRepeat: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolRepeat: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolRepeat: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n"},"symbolRepeatDirection":{"description":"<p>指定图形元素重复时，绘制的顺序。这个属性在两种情况下有用处：</p>\n<ul>\n<li><p>当 <a href=\"#series-pictorialBar.symbolMargin\">symbolMargin</a> 设置为负值时，重复的图形会互相覆盖，这是可以使用 <code>symbolRepeatDirection</code> 来指定覆盖顺序。</p>\n</li>\n<li><p>当 <a href=\"#series-pictorialBar.animationDelay\">animationDelay</a> 或 <a href=\"#series-pictorialBar.animationDelayUpdate\">animationDelayUpdate</a> 被使用时，<code>symbolRepeatDirection</code> 指定了 index 顺序。</p>\n</li>\n</ul>\n<p>这个属性的值可以是：<code>&#39;start&#39;</code> 或 <code>&#39;end&#39;</code>。</p>\n<p>例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/pictorialBar-repeatDirection&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolRepeatDirection\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolRepeatDirection\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolRepeatDirection: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolRepeatDirection: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolRepeatDirection: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n"},"symbolMargin":{"description":"<p>图形的两边间隔（『两边』是指其数值轴方向的两边）。可以是绝对数值（如 <code>20</code>），或者百分比值（如 <code>&#39;-30%&#39;</code>），表示相对于自身尺寸 <a href=\"#series-pictorialBar.symbolSize\">symbolSize</a> 的百分比。只有当 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 被使用时有意义。</p>\n<p>可以是正值，表示间隔大；也可以是负数。当 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 被使用时，负数时能使图形重叠。</p>\n<p>可以在其值结尾处加一个 <code>&quot;!&quot;</code>，如 <code>&quot;30%!&quot;</code> 或 <code>25!</code>，表示第一个图形的开始和最后一个图形结尾留白，不紧贴边界。默认会紧贴边界。</p>\n<p>注意：</p>\n<ul>\n<li>当 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 为 <code>true</code>/<code>&#39;fixed&#39;</code> 的时候：\n  这里设置的 <code>symbolMargin</code> 只是个参考值，真正最后的图形间隔，是根据 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a>、<code>symbolMargin</code>、<a href=\"#series-pictorialBar.symbolBoundingData\">symbolBoundingData</a> 综合计算得到。</li>\n<li>当 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 为一个固定数值的时候：\n  这里设置的 <code>symbolMargin</code> 无效。</li>\n</ul>\n<p>例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/pictorialBar-repeatLayout&reset=1&edit=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolMargin\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolMargin\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolMargin: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolMargin: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolMargin: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n"},"symbolClip":{"description":"<p>是否剪裁图形。</p>\n<ul>\n<li><code>false</code>/null/undefined：图形本身表示数值大小。</li>\n<li><code>true</code>：图形被剪裁后剩余的部分表示数值大小。</li>\n</ul>\n<p><code>symbolClip</code> 常在这种场景下使用：同时表达『总值』和『当前数值』。在这种场景下，可以使用两个系列，一个系列是完整的图形，当做『背景』来表达总数值，另一个系列是使用 <code>symbolClip</code> 进行剪裁过的图形，表达当前数值。</p>\n<p>例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/pictorialBar-clip&reset=1&edit=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n<p>在这个例子中：</p>\n<ul>\n<li>『背景系列』和『当前值系列』使用相同的 <a href=\"#series.pictorialBar.symbolBoundingData\">symbolBoundingData</a>，使得绘制出的图形的大小是一样的。</li>\n<li>『当前值系列』设置了比『背景系列』更高的 <a href=\"#series.pictorialBar.z\">z</a>，使得其覆盖在『背景系列』上。</li>\n</ul>\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolClip\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolClip\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolClip: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolClip: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolClip: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n"},"symbolBoundingData":{"description":"<p>这个属性是『指定图形界限的值』。它指定了一个 data，这个 data 映射在坐标系上的位置，是图形绘制的界限。也就是说，如果设置了 <code>symbolBoundingData</code>，图形的尺寸则由 <code>symbolBoundingData</code> 决定。</p>\n<p>当柱子是水平的，symbolBoundingData 对应到 x 轴上，当柱子是竖直的，symbolBoundingData 对应到 y 轴上。</p>\n<p>规则：</p>\n<ul>\n<li><p>没有使用 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 时：</p>\n<p>  <code>symbolBoundingData</code> 缺省情况下和『参考柱』的尺寸一样。图形的尺寸由零点和 <code>symbolBoundingData</code> 决定。举例，当柱子是竖直的，柱子对应的 data 为 <code>24</code>，<code>symbolSize</code> 设置为 <code>[30, &#39;50%&#39;]</code>，<code>symbolBoundingData</code> 设置为 <code>124</code>，那么最终图形的高度为 <code>124 * 50% = 62</code>。如果 <code>symbolBoundingData</code> 不设置，那么最终图形的高度为 <code>24 * 50% = 12</code>。</p>\n</li>\n<li><p>使用了 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 时：</p>\n<p>  <code>symbolBoundingData</code> 缺省情况取当前坐标系所显示出的最值。<code>symbolBoundingData</code> 定义了一个 bounding，重复的图形在这个 bounding 中，依据 <a href=\"#series-pictorialBar.symbolMargin\">symbolMargin</a> 和 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 和 <a href=\"#series-pictorialBar.symbolSize\">symbolSize</a> 进行排布。这几个变量决定了图形的间隔大小。</p>\n</li>\n</ul>\n<p>在这些场景中，你可能会需要设置 <code>symbolBoundingData</code>：</p>\n<ul>\n<li><p>使用了 <a href=\"#series-pictorialBar.symbolClip\">symbolCilp</a> 时：</p>\n<p>  使用一个系列表达『总值』，另一个系列表达『当前值』的时候，需要两个系列画出的图形一样大。那么就把两个系列的 <code>symbolBoundingData</code> 设为一样大。</p>\n</li>\n</ul>\n<p>例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/pictorialBar-clip&reset=1&edit=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n<ul>\n<li><p>使用了 <a href=\"#series-pictorialBar.symbolRepeat\">symbolRepeat</a> 时：</p>\n<p>  如果需要不同柱子中的图形的间隔保持一致，那么可以把 <code>symbolBoundingData</code> 设为一致的数值。当然，不设置 <code>symbolBoundingData</code> 也是可以的，因为其缺省值就是一个定值（坐标系所显示出的最值）。</p>\n</li>\n</ul>\n<p>例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/pictorialBar-repeatLayout&reset=1&edit=1\" width=\"800\" height=\"600\" ></iframe>\n\n\n<p><br>\n<code>symbolBoundingData</code> 可以是一个数组，例如 <code>[-40, 60]</code>，表示同时指定了正值的 <code>symbolBoundingData</code> 和负值的 <code>symbolBoundingData</code>。</p>\n<p>参见例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/pictorialBar-symbolBoundingDataArray&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolBoundingData\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolBoundingData\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolBoundingData: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolBoundingData: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolBoundingData: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n"},"symbolPatternSize":{"description":"<p>可以使用图片作为图形的 pattern。</p>\n<pre><code class=\"lang-js\">var textureImg = new Image();\ntextureImg.src = &#39;data:image/jpeg;base64,...&#39;; // dataURI\n// 或者\n// textureImg.src = &#39;http://xxx.xxx.xxx/xx.png&#39;; // URL\n...\nitemStyle: {\n    color: {\n        image: textureImg,\n        repeat: &#39;repeat&#39;\n    }\n}\n</code></pre>\n<p>这时候，<code>symbolPatternSize</code> 指定了 pattern 的缩放尺寸。比如 <code>symbolPatternSize</code> 为 400 时表示图片显示为 <code>400px * 400px</code> 的尺寸。</p>\n<p>例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/pictorialBar-patternSize&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n\n\n<p>此属性可以被设置在系列的 <a href=\"#series-pictorialBar.symbolPatternSize\">根部</a>，表示对此系列中所有数据都生效；也可以被设置在 <a href=\"series-pictorialBar.data\" target=\"_blank\">data</a> 中的 <a href=\"#series-pictorialBar.data.symbolPatternSize\">每个数据项中</a>，表示只对此数据项生效。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">series: [{\n    symbolPatternSize: ... // 对 data 中所有数据项生效。\n    data: [23, 56]\n}]\n或者\nseries: [{\n    data: [{\n        value: 23\n        symbolPatternSize: ... // 只对此数据项生效\n    }, {\n        value: 56\n        symbolPatternSize: ... // 只对此数据项生效\n    }]\n}]\n</code></pre>\n"},"z":{"description":"<p>指定图形元素间的覆盖关系。数值越大，越在层叠的上方。</p>\n"},"hoverAnimation":{"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"},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelay":{"description":"<p>动画开始之前的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (dataIndex, params) {\n    return params.index * 30;\n}\n或者反向：\nanimationDelay: function (dataIndex, params) {\n    return (params.count - 1 - params.index) * 30;\n}\n</code></pre>\n<p>例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/pictorialBar-repeatDirection&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n"},"animationDelayUpdate":{"description":"<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (dataIndex, params) {\n    return params.index * 30;\n}\n或者反向：\nanimationDelay: function (dataIndex, params) {\n    return (params.count - 1 - params.index) * 30;\n}\n</code></pre>\n<p>例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/pictorialBar-repeatDirection&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"tooltip":{"properties":{"position":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}}},"markPoint":{"properties":{"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n<p>如果需要每个数据的图形大小不一样，可以设置为如下格式的回调函数：</p>\n<pre><code class=\"lang-js\">(value: Array|number, params: Object) =&gt; number|Array\n</code></pre>\n<p>其中第一个参数 <code>value</code> 为 <a href=\"#series-.data\">data</a> 中的数据值。第二个参数<code>params</code> 是其它的数据项参数。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {@score}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"items":{"properties":{"name":{"description":"<p>标注名称。</p>\n"},"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-pictorialBar.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-pictorialBar.markPoint.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>标注的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。例如 [121, 2323]、[&#39;aa&#39;, 998]。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n<p><strong>注：</strong>在 ECharts 2.x 中会使用 <code>xAxis</code>，<code>yAxis</code> 标注直角坐标系上的位置，ECharts 3 中不再推荐使用。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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<p>prefix</p>\n"}}},"markLine":{"properties":{"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"symbol":{"description":"<p>标线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定，具体格式见 <a href=\"#series-pictorialBar.markLine.data.0.symbol\">data.symbol</a>。</p>\n"},"symbolSize":{"description":"<p>标线两端的标记大小，可以是一个数组分别指定两端，也可以是单个统一指定。</p>\n<p><strong>注意：</strong> 这里无法像一般的 <code>symbolSize</code> 那样通过数组分别指定高宽。</p>\n"},"precision":{"description":"<p>标线数值的精度，在显示平均值线的时候有用。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"properties":{"0":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>起点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>起点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>起点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>起点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}}}}}},"1":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markLine.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n<p><strong>注：</strong>对于 <a href=\"#xAixs.type\">axis.type</a> 为 <code>&#39;category&#39;</code> 类型的轴</p>\n<ul>\n<li>如果 coord 值为 <code>number</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 的 index。</li>\n<li>如果 coord 值为 <code>string</code>，则表示 <a href=\"#xAxis.data\">axis.data</a> 中具体的值。注意使用这种方式时，xAxis.data 不能写成 [number, number, ...]，而只能写成 [string, string, ...]，否则不能被 markPoint / markLine 用『具体值』索引到。</li>\n</ul>\n<p>例如：</p>\n<pre><code class=\"lang-javascript\">{\n    xAxis: {\n        type: &#39;category&#39;,\n        data: [&#39;5&#39;, &#39;6&#39;, &#39;9&#39;, &#39;13&#39;, &#39;19&#39;, &#39;33&#39;]\n        // 注意这里不建议写成 [5, 6, 9, 13, 19, 33]，否则不能被 markPoint / markLine 用『具体值』索引到。\n    },\n    series: {\n        type: &#39;line&#39;,\n        data: [11, 22, 33, 44, 55, 66],\n        markPoint: { // markLine 也是同理\n            data: [{\n                coord: [5, 33.4], // 其中 5 表示 xAxis.data[5]，即 &#39;33&#39; 这个元素。\n                // coord: [&#39;5&#39;, 33.4] // 其中 &#39;5&#39; 表示 xAxis.data中的 &#39;5&#39; 这个元素。\n                                      // 注意，使用这种方式时，xAxis.data 不能写成 [number, number, ...]\n                                      // 而只能写成 [string, string, ...]\n            }]\n        }\n    }\n}\n</code></pre>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素。</p>\n"},"value":{"description":"<p>标注值，可以不设。</p>\n"},"symbol":{"description":"<p>终点标记的图形。</p>\n<p>ECharts 提供的标记类型包括 \n<code>&#39;circle&#39;</code>, <code>&#39;rect&#39;</code>, <code>&#39;roundRect&#39;</code>, <code>&#39;triangle&#39;</code>, <code>&#39;diamond&#39;</code>, <code>&#39;pin&#39;</code>, <code>&#39;arrow&#39;</code></p>\n<p>可以通过 <code>&#39;image://url&#39;</code> 设置为图片，其中 URL 为图片的链接，或者 <code>dataURI</code>。</p>\n<p>URL 为图片链接例如：</p>\n<pre><code>&#39;image://http://xxx.xxx.xxx/a/b.png&#39;\n</code></pre><p>URL 为 <code>dataURI</code> 例如：</p>\n<pre><code>&#39;image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7&#39;\n</code></pre><p>可以通过 <code>&#39;path://&#39;</code> 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 <a href=\"http://www.w3.org/TR/SVG/paths.html#PathData\" target=\"_blank\">SVG PathData</a>。可以从 Adobe Illustrator 等工具编辑导出。</p>\n<p>例如：</p>\n<pre><code>&#39;path://M30.9,53.2C16.8,53.2,5.3,41.7,5.3,27.6S16.8,2,30.9,2C45,2,56.4,13.5,56.4,27.6S45,53.2,30.9,53.2z M30.9,3.5C17.6,3.5,6.8,14.4,6.8,27.6c0,13.3,10.8,24.1,24.101,24.1C44.2,51.7,55,40.9,55,27.6C54.9,14.4,44.1,3.5,30.9,3.5z M36.9,35.8c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H36c0.5,0,0.9,0.4,0.9,1V35.8z M27.8,35.8 c0,0.601-0.4,1-0.9,1h-1.3c-0.5,0-0.9-0.399-0.9-1V19.5c0-0.6,0.4-1,0.9-1H27c0.5,0,0.9,0.4,0.9,1L27.8,35.8L27.8,35.8z&#39;\n</code></pre>"},"symbolSize":{"description":"<p>终点标记的大小，可以设置成诸如 <code>10</code> 这样单一的数字，也可以用数组分开表示宽和高，例如 <code>[20, 10]</code> 表示标记宽为<code>20</code>，高为<code>10</code>。</p>\n"},"symbolRotate":{"description":"<p>终点标记的旋转角度。注意在 <code>markLine</code> 中当 <code>symbol</code> 为 <code>&#39;arrow&#39;</code> 时会忽略 <code>symbolRotate</code> 强制设置为切线的角度。</p>\n"},"symbolKeepAspect":{"description":"<p>如果 <code>symbol</code> 是 <code>path://</code> 的形式，是否在缩放时保持该图形的长宽比。</p>\n"},"symbolOffset":{"description":"<p>终点标记相对于原本位置的偏移。默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。</p>\n<p>例如 <code>[0, &#39;50%&#39;]</code> 就是把自己向上移动了一半的位置，在 symbol 图形是气泡的时候可以让图形下端的箭头对准数据点。</p>\n"},"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}},"emphasis":{"properties":{"lineStyle":{"properties":{"color":{"description":"<p>线的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"width":{"description":"<p>线宽。</p>\n"},"type":{"description":"<p>线的类型。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;solid&#39;</code></li>\n<li><code>&#39;dashed&#39;</code></li>\n<li><code>&#39;dotted&#39;</code></li>\n</ul>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"},"curveness":{"description":"<p>边的曲度，支持从 0 到 1 的值，值越大曲度越大。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签位置，可选：</p>\n<ul>\n<li><code>&#39;start&#39;</code> 线的起始点。</li>\n<li><code>&#39;middle&#39;</code> 线的中点。</li>\n<li><code>&#39;end&#39;</code>   线的结束点。</li>\n</ul>\n"},"formatter":{"description":"<p>标签内容格式器，支持字符串模板和回调函数两种形式，字符串模板与回调函数返回的字符串均支持用 <code>\\n</code> 换行。</p>\n<p><strong>字符串模板</strong></p>\n<p><strong>字符串模板</strong>\n模板变量有：</p>\n<ul>\n<li><code>{a}</code>：系列名。</li>\n<li><code>{b}</code>：数据名。</li>\n<li><code>{c}</code>：数据值。</li>\n<li><code>{d}</code>：百分比。</li>\n<li><code>{@xxx}：数据中名为</code>&#39;xxx&#39;<code>的维度的值，如</code>{@product}<code>表示名为</code>&#39;product&#39;` 的维度的值。</li>\n<li><code>{@[n]}：数据中维度</code>n<code>的值，如</code>{@[3]}` 表示维度 3 的值，从 0 开始计数。</li>\n</ul>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b}: {d}&#39;\n</code></pre>\n<p><strong>回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array) =&gt; string\n</code></pre>\n<p>参数 <code>params</code> 是 formatter 需要的单个数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n"}}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},"markArea":{"properties":{"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"properties":{"0":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"value":{"description":"<p>标域值，可以不设。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}},"1":{"properties":{"type":{"description":"<p>特殊的标注类型，用于标注最大值最小值等。</p>\n<p><strong>可选:</strong></p>\n<ul>\n<li><code>&#39;min&#39;</code> 最大值。</li>\n<li><code>&#39;max&#39;</code> 最大值。</li>\n<li><code>&#39;average&#39;</code> 平均值。</li>\n</ul>\n"},"valueIndex":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值，可以是 <code>0</code>（xAxis, radiusAxis），<code>1</code>（yAxis, angleAxis），默认使用第一个数值轴所在的维度。</p>\n"},"valueDim":{"description":"<p>在使用 <a href=\"#series-.markArea.data.type\">type</a> 时有效，用于指定在哪个维度上指定最大值最小值。这可以是维度的直接名称，例如折线图时可以是<code>x</code>、<code>angle</code>等、candlestick 图时可以是<code>open</code>、<code>close</code>等维度名称。</p>\n"},"coord":{"description":"<p>起点或终点的坐标。坐标格式视系列的坐标系而定，可以是<a href=\"#grid\">直角坐标系</a>上的 <code>x</code>, <code>y</code>，也可以是<a href=\"#polar\">极坐标系</a>上的 <code>radius</code>, <code>angle</code>。</p>\n"},"x":{"description":"<p>相对容器的屏幕 x 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"y":{"description":"<p>相对容器的屏幕 y 坐标，单位像素，支持百分比形式，例如 <code>&#39;20%&#39;</code>。</p>\n"},"value":{"description":"<p>标域值，可以不设。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}}}}}}}},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"}}},"zlevel":{"description":"<p>象形柱图所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>象形柱图组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"properties":{"animationDelay":{"description":"<p>动画开始之前的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (dataIndex, params) {\n    return params.index * 30;\n}\n或者反向：\nanimationDelay: function (dataIndex, params) {\n    return (params.count - 1 - params.index) * 30;\n}\n</code></pre>\n<p>例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/pictorialBar-repeatDirection&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n"},"animationDelayUpdate":{"description":"<p>数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。</p>\n<p>如下示例：</p>\n<pre><code class=\"lang-js\">animationDelay: function (dataIndex, params) {\n    return params.index * 30;\n}\n或者反向：\nanimationDelay: function (dataIndex, params) {\n    return (params.count - 1 - params.index) * 30;\n}\n</code></pre>\n<p>例子：</p>\n<iframe data-src=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/pictorialBar-repeatDirection&reset=1&edit=1\" width=\"800\" height=\"400\" ></iframe>\n\n\n\n\n\n\n\n\n"}}},"tooltip":{"properties":{"position":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}},{"properties":{"type":{"description":""},"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"zlevel":{"description":"<p>所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"left":{"description":"<p>thmemRiver组件离容器左侧的距离。</p>\n<p><code>left</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>。</p>\n<p>如果 <code>left</code> 的值为<code>&#39;left&#39;</code>, <code>&#39;center&#39;</code>, <code>&#39;right&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"top":{"description":"<p>thmemRiver组件离容器上侧的距离。</p>\n<p><code>top</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比，也可以是 <code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>。</p>\n<p>如果 <code>top</code> 的值为<code>&#39;top&#39;</code>, <code>&#39;middle&#39;</code>, <code>&#39;bottom&#39;</code>，组件会根据相应的位置自动对齐。</p>\n"},"right":{"description":"<p>thmemRiver组件离容器右侧的距离。</p>\n<p><code>right</code> 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n"},"bottom":{"description":"<p>thmemRiver组件离容器下侧的距离。</p>\n<p>bottom 的值可以是像 <code>20</code> 这样的具体像素值，可以是像 <code>&#39;20%&#39;</code> 这样相对于容器高宽的百分比。</p>\n"},"width":{"description":"<p>thmemRiver组件的宽度。</p>\n"},"height":{"description":"<p>thmemRiver组件的高度。</p>\n<p><strong> 注意：</strong>\n整个主题河流view的位置信息复用了单个时间轴的位置信息，即left，top，right，bottom。</p>\n"},"coordinateSystem":{"description":"<p>坐标系统，主题河流用的是单个的时间轴。</p>\n"},"boundaryGap":{"description":"<p>图中与坐标轴正交的方向的边界间隙，设置该值是为了调整图的位置，使其尽量处于屏幕的正中间，避免处于屏幕的上方或下方。</p>\n"},"singleAxisIndex":{"description":"<p>单个时间轴的index，默认值为0，因为只有单个轴。</p>\n"},"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"label":{"properties":{"show":{"description":"<p>是否显示标签。</p>\n"},"position":{"description":"<p>标签的位置。</p>\n<p><strong>可选：</strong></p>\n<ul>\n<li><p>[x, y]</p>\n<p>  通过相对的百分比或者绝对像素值表示标签相对于图形包围盒左上角的位置。\n  示例：</p>\n<pre><code class=\"lang-js\">  // 绝对的像素值\n  position: [10, 10],\n  // 相对的百分比\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p>&#39;top&#39;</p>\n</li>\n<li>&#39;left&#39;</li>\n<li>&#39;right&#39;</li>\n<li>&#39;bottom&#39;</li>\n<li>&#39;inside&#39;</li>\n<li>&#39;insideLeft&#39;</li>\n<li>&#39;insideRight&#39;</li>\n<li>&#39;insideTop&#39;</li>\n<li>&#39;insideBottom&#39;</li>\n<li>&#39;insideTopLeft&#39;</li>\n<li>&#39;insideBottomLeft&#39;</li>\n<li>&#39;insideTopRight&#39;</li>\n<li>&#39;insideBottomRight&#39;</li>\n</ul>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/view.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"distance":{"description":"<p>距离图形元素的距离。当 position 为字符描述值（如 <code>&#39;top&#39;</code>、<code>&#39;insideRight&#39;</code>）时候有效。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=doc-example/label-position\" target=\"_blank\">label position</a>。</p>\n"},"rotate":{"description":"<p>标签旋转。从 -90 度到 90 度。正值是逆时针。</p>\n<p>参见：<a href=\"http://echarts.baidu.com/gallery/editor.html?c=bar-label-rotation\" target=\"_blank\">label rotation</a>。</p>\n"},"offset":{"description":"<p>是否对文字进行偏移。默认不偏移。例如：<code>[30, 40]</code> 表示文字在横向上偏移 <code>30</code>，纵向上偏移 <code>40</code>。</p>\n"},"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"},"rich":{"properties":{"<user defined style name>":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"align":{"description":"<p>文字水平对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;left&#39;</code></li>\n<li><code>&#39;center&#39;</code></li>\n<li><code>&#39;right&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>align</code>，则会取父层级的 <code>align</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    align: right,\n    rich: {\n        a: {\n            // 没有设置 `align`，则 `align` 为 right\n        }\n    }\n}\n</code></pre>\n"},"verticalAlign":{"description":"<p>文字垂直对齐方式，默认自动。</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;top&#39;</code></li>\n<li><code>&#39;middle&#39;</code></li>\n<li><code>&#39;bottom&#39;</code></li>\n</ul>\n<p><code>rich</code> 中如果没有设置 <code>verticalAlign</code>，则会取父层级的 <code>verticalAlign</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    verticalAlign: bottom,\n    rich: {\n        a: {\n            // 没有设置 `verticalAlign`，则 `verticalAlign` 为 bottom\n        }\n    }\n}\n</code></pre>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p>文字块背景色。</p>\n<p>可以是直接的颜色值，例如：<code>&#39;#123234&#39;</code>, <code>&#39;red&#39;</code>, <code>rgba(0,23,11,0.3)&#39;</code>。</p>\n<p>可以支持使用图片，例如：</p>\n<pre><code class=\"lang-js\">backgroundColor: {\n    image: &#39;xxx/xxx.png&#39;\n    // 这里可以是图片的 URL，\n    // 或者图片的 dataURI，\n    // 或者 HTMLImageElement 对象，\n    // 或者 HTMLCanvasElement 对象。\n}\n</code></pre>\n<p>当使用图片的时候，可以使用 <code>width</code> 或 <code>height</code> 指定高宽，也可以不指定自适应。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderColor":{"description":"<p>文字块边框颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"borderWidth":{"description":"<p>文字块边框宽度。</p>\n"},"borderRadius":{"description":"<p>文字块的圆角。</p>\n"},"padding":{"description":"<p>文字块的内边距。例如：</p>\n<ul>\n<li><code>padding: [3, 4, 5, 6]</code>：表示 <code>[上, 右, 下, 左]</code> 的边距。</li>\n<li><code>padding: 4</code>：表示 <code>padding: [4, 4, 4, 4]</code>。</li>\n<li><code>padding: [3, 4]</code>：表示 <code>padding: [3, 4, 3, 4]</code>。</li>\n</ul>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n"},"shadowColor":{"description":"<p>文字块的背景阴影颜色。</p>\n"},"shadowBlur":{"description":"<p>文字块的背景阴影长度。</p>\n"},"shadowOffsetX":{"description":"<p>文字块的背景阴影 X 偏移。</p>\n"},"shadowOffsetY":{"description":"<p>文字块的背景阴影 Y 偏移。</p>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n<p>如果设置为 <code>&#39;auto&#39;</code>，则为视觉映射得到的颜色，如系列色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}}}}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"data":{"items":{"properties":{"date":{"description":"<p>时间或主题的时间属性。</p>\n"},"value":{"description":"<p>事件或主题在某个时间点的值。</p>\n"},"name":{"description":"<p>事件或主题的名称。</p>\n<pre><code class=\"lang-js\">data: [\n    [&quot;2015/11/09&quot;,10,&quot;DQ&quot;],\n    [&quot;2015/11/10&quot;,10,&quot;DQ&quot;],\n    [&quot;2015/11/11&quot;,10,&quot;DQ&quot;],\n    [&quot;2015/11/08&quot;,10,&quot;SS&quot;],\n    [&quot;2015/11/09&quot;,10,&quot;SS&quot;],\n    [&quot;2015/11/10&quot;,10,&quot;SS&quot;],\n    [&quot;2015/11/11&quot;,10,&quot;SS&quot;],\n    [&quot;2015/11/12&quot;,10,&quot;SS&quot;],\n    [&quot;2015/11/13&quot;,10,&quot;QG&quot;],\n    [&quot;2015/11/08&quot;,10,&quot;QG&quot;],\n    [&quot;2015/11/11&quot;,10,&quot;QG&quot;],\n    [&quot;2015/11/13&quot;,10,&quot;QG&quot;],\n]\n</code></pre>\n<p><strong>数据说明：</strong></p>\n<p>如上所示，主题河流的数据格式是二维数组的形式，里层数组的每一项由事件或主题的时间属性、事件或主题在某个时间点的值，以及事件或主题的名称组成。值得注意的是，一定要提供一个具有完整时间段的事件或主题作为主干河流，其他事件或主题以该主干河流为依据，将缺省的时间点上的值补为0，也就是说其他事件或主题的时间段是包含在主干河流内的，如果超出，布局会出错，这么做的原因是，在计算整个图的布局的时候要计算一条baseline，以便将每个事情画成流带状。如上图中的&quot;SS&quot;这一事件就是一个主干河流，经过处理，我们会将&quot;DQ&quot;中缺省的三个时间点以[&quot;2015/11/08&quot;,0,&quot;DQ&quot;]，[&quot;2015/11/12&quot;,0,&quot;DQ&quot;]，［&quot;2015/11/13&quot;,0,&quot;DQ&quot;］的格式补齐，使其与主干河流对其。从中还可以看出，我们可以在完整时间段的任意位置缺省。</p>\n"}}}},"tooltip":{"properties":{"position":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}},{"properties":{"type":{"description":""},"id":{"description":"<p>组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。</p>\n"},"name":{"description":"<p>系列名称，用于<a href=\"#tooltip\">tooltip</a>的显示，<a href=\"#legend\">legend</a> 的图例筛选，在 <code>setOption</code> 更新数据和配置项时用于指定对应的系列。</p>\n"},"legendHoverLink":{"description":"<p>是否启用<a href=\"#legend\">图例</a> hover 时的联动高亮。</p>\n"},"coordinateSystem":{"description":"<p>该系列使用的坐标系，可选：</p>\n<ul>\n<li><p><code>null</code> 或者 <code>&#39;none&#39;</code></p>\n<p>  无坐标系。</p>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;cartesian2d&#39;</code></p>\n<p>  使用二维的直角坐标系（也称笛卡尔坐标系），通过 <a href=\"#series-custom.xAxisIndex\">xAxisIndex</a>, <a href=\"#series-custom.yAxisIndex\">yAxisIndex</a>指定相应的坐标轴组件。</p>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;polar&#39;</code></p>\n<p>  使用极坐标系，通过 <a href=\"#series-custom.polarIndex\">polarIndex</a> 指定相应的极坐标组件</p>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;geo&#39;</code></p>\n<p>  使用地理坐标系，通过 <a href=\"#series-custom.geoIndex\">geoIndex</a> 指定相应的地理坐标系组件。</p>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;none&#39;</code></p>\n<p>  不使用坐标系。</p>\n</li>\n</ul>\n"},"xAxisIndex":{"description":"<p>使用的 <a href=\"#xAxis\">x 轴</a>的 index，在单个图表实例中存在多个 x 轴的时候有用。</p>\n"},"yAxisIndex":{"description":"<p>使用的 <a href=\"#yAxis\">y 轴</a>的 index，在单个图表实例中存在多个 y轴的时候有用。</p>\n"},"polarIndex":{"description":"<p>使用的<a href=\"#polar\">极坐标系</a>的 index，在单个图表实例中存在多个极坐标系的时候有用。</p>\n"},"geoIndex":{"description":"<p>使用的<a href=\"#geo\">地理坐标系</a>的 index，在单个图表实例中存在多个地理坐标系的时候有用。</p>\n"},"calendarIndex":{"description":"<p>使用的<a href=\"#calendar\">日历坐标系</a>的 index，在单个图表实例中存在多个日历坐标系的时候有用。</p>\n"},"renderItem":{"properties":{"arguments":{"properties":{"params":{"description":"<p>renderItem 函数的第一个参数，含有：</p>\n<pre><code class=\"lang-js\">{\n    context: // {Object} 一个可供开发者暂存东西的对象。\n    seriesId: // {string} 本系列 id。\n    seriesName: // {string} 本系列 name。\n    seriesIndex: // {number} 本系列 index。\n    dataIndex: // {number} 数据项的 index。\n    dataIndexInside: // {number} 数据项在当前坐标系中可见的数据的 index（即 dataZoom 当前窗口中的数据的 index）。\n    dataInsideLength: // {number} 当前坐标系中可见的数据长度（即 dataZoom 当前窗口中的数据数量）。\n    coordSys: // 不同的坐标系中，coordSys 里的信息不一样，含有如下这些可能：\n    coordSys: {\n        type: &#39;cartesian2d&#39;,\n        x: // {number} grid rect 的 x\n        y: // {number} grid rect 的 y\n        width: // {number} grid rect 的 width\n        height: // {number} grid rect 的 height\n    },\n    coordSys: {\n        type: &#39;calendar&#39;,\n        x: // {number} calendar rect 的 x\n        y: // {number} calendar rect 的 y\n        width: // {number} calendar rect 的 width\n        height: // {number} calendar rect 的 height\n        cellWidth: // {number} calendar cellWidth\n        cellHeight: // {number} calendar cellHeight\n        rangeInfo: {\n            start: // calendar 日期开端\n            end: // calendar 日期结尾\n            weeks: // calendar 周数\n            dayCount: // calendar 日数\n        }\n    },\n    coordSys: {\n        type: &#39;geo&#39;,\n        x: // {number} geo rect 的 x\n        y: // {number} geo rect 的 y\n        width: // {number} geo rect 的 width\n        height: // {number} geo rect 的 height\n    },\n    coordSys: {\n        type: &#39;polar&#39;,\n        cx: // {number} polar 的中心坐标\n        cy: // {number} polar 的中心坐标\n        r: // {number} polar 的外半径\n        r0: // {number} polar 的内半径\n    },\n    coordSys: {\n        type: &#39;singleAxis&#39;,\n        x: // {number} singleAxis rect 的 x\n        y: // {number} singleAxis rect 的 y\n        width: // {number} singleAxis rect 的 width\n        height: // {number} singleAxis rect 的 height\n    }\n}\n</code></pre>\n<p>其中，关于 <code>dataIndex</code> 和 <code>dataIndexInside</code> 的区别：</p>\n<ul>\n<li><code>dataIndex</code> 指的 <code>dataItem</code> 在原始数据中的 index。</li>\n<li><code>dataIndexInside</code> 指的是 <code>dataItem</code> 在当前数据窗口（参见 <a href=\"#dataZoom\">dataZoom</a>）中的 index。</li>\n</ul>\n<p><a href=\"#series-custom.renderItem.arguments.api\">renderItem.arguments.api</a> 中使用的参数都是 <code>dataIndexInside</code> 而非 <code>dataIndex</code>，因为从 <code>dataIndex</code> 转换成 <code>dataIndexInside</code> 需要时间开销。</p>\n"},"api":{"properties":{"value":{"description":"<p>得到给定维度的数据值。</p>\n<pre><code>@param {number} dimension 指定的维度（维度从 0 开始计数）。\n@param {number} [dataIndexInside] 一般不用传，默认就是当前数据项的 dataIndexInside。\n@return {number} 给定维度上的值。\n</code></pre>"},"coord":{"description":"<p>将数据值映射到坐标系上。</p>\n<pre><code>@param {Array.&lt;number&gt;} data 数据值。\n@return {Array.&lt;number&gt;} 画布上的点的坐标，至少包含：[x, y]\n        对于polar坐标系，还会包含其他信息：\n        polar: [x, y, radius, angle]\n</code></pre>"},"size":{"description":"<p>给定数据范围，映射到坐标系上后的长度。</p>\n<p>例如，cartesian2d中，<code>api.size([2, 4])</code> 返回 <code>[12.4, 55]</code>，表示 x 轴数据范围为 2 映射得到长度是 <code>12.4</code>，y 轴数据范围为 4 时应设得到长度为 <code>55</code>。</p>\n<p>在一些坐标系中，如极坐标系（polar）或者有 log 数轴的坐标系，不同点的长度是不同的，所以需要第二个参数，指定获取长度的点。</p>\n<pre><code>@param {Array.&lt;number&gt;} dataSize 数据范围。\n@param {Array.&lt;number&gt;} dataItem 获取长度的点。\n@return {Array.&lt;number&gt;} 画布上的长度\n</code></pre>"},"style":{"description":"<p>能得到 <a href=\"#series-custom.itemStyle\">series.itemStyle</a> 中定义的样式信息和视觉映射得到的样式信息，可直接用于绘制图元。也可以用这种方式覆盖这些样式信息：<code>api.style({fill: &#39;green&#39;, stroke: &#39;yellow&#39;})</code>。</p>\n<pre><code>@param {Object} [extra] 额外指定的样式信息。\n@param {number} [dataIndexInside] 一般不用传，默认就是当前数据项的 dataIndexInside。\n@return {Object} 直接用于绘制图元的样式信息。\n</code></pre>"},"styleEmphasis":{"description":"<p>能得到 <a href=\"#series-custom.itemStyle.emphasis\">series.itemStyle.emphasis</a> 中定义的样式信息和视觉映射的样式信息，可直接用于绘制图元。也可以用这种方式覆盖这些样式信息：<code>api.style({fill: &#39;green&#39;, stroke: &#39;yellow&#39;})</code>。</p>\n<pre><code>@param {Object} [extra] 额外指定的样式信息。\n@param {number} [dataIndexInside] 一般不用传，默认就是当前数据项的 dataIndexInside。\n@return {Object} 直接用于绘制图元的样式信息。\n</code></pre>"},"visual":{"description":"<p>得到视觉映射的样式信息。比较少被使用。</p>\n<pre><code>@param {string} visualType &#39;color&#39;, &#39;symbol&#39;, &#39;symbolSize&#39;, ...\n@param {number} [dataIndexInside] 一般不用传，默认就是当前数据项的 dataIndexInside。\n@return {string|number} 视觉映射的样式值。\n</code></pre>"},"barLayout":{"description":"<p>当需要采用 barLayout 的时候，比如向柱状图上附加些东西，可以用这个方法得到 layout 信息。\n参见 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=custom-bar-trend\" target=\"_blank\">例子</a>。</p>\n<pre><code>@param {Object} opt\n@param {number} opt.count 每个簇有多少个 bar。\n@param {number} [opt.barWidth] bar 宽度。\n@param {number} [opt.barMaxWidth] bar 最大宽度。\n@param {number} [opt.barGap] 每个簇的 bar 之间的宽度。\n@param {number} [opt.barCategoryGap] 不同簇间的宽度。\n@return {Array.&lt;Object&gt;} [{\n        width: number bar 的宽度。\n        offset: number bar 的偏移量，以bar最左为基准。\n        offsetCenter: number bar 的偏移量，以bar中心为基准。\n    }, ...]\n</code></pre>"},"currentSeriesIndices":{"description":"<p>得到系列的 当前index。注意这个 index 不同于系列定义时的 index。这个 index 是当 legend 组件进行了系列筛选后，剩余的系列排列后的 index。</p>\n<pre><code>@return {number}\n</code></pre>"},"font":{"description":"<p>得到可以直接进行样式设置的文字信息字符串。</p>\n<pre><code>@param {Object} opt\n@param {string} [opt.fontStyle]\n@param {number} [opt.fontWeight]\n@param {number} [opt.fontSize]\n@param {string} [opt.fontFamily]\n@return {string} font 字符串。\n</code></pre>"},"getWidth":{"description":"<pre><code>@return {number} echarts 容器的宽度。\n</code></pre>"},"getHeight":{"description":"<pre><code>@return {number} echarts 容器的高度。\n</code></pre>"},"getZr":{"description":"<pre><code>@return {module:zrender} zrender 实例。\n</code></pre>"},"getDevicePixelRatio":{"description":"<pre><code>@return {number} 得到当前 devicePixelRatio。\n</code></pre>"}}}}},"return":{"description":"<p>图形元素。每个图形元素是一个 object。详细信息参见：<a href=\"#graphic.elements\">graphic</a>。（width\\height\\top\\bottom 不支持）</p>\n<p>如果什么都不渲染，可以不返回任何东西。</p>\n<p>例如：</p>\n<pre><code class=\"lang-js\">// 单独一个矩形\n{\n    type: &#39;rect&#39;,\n    shape: {\n        x: x, y: y, width: width, height: height\n    },\n    style: api.style()\n}\n</code></pre>\n<pre><code class=\"lang-js\">// 一组图形元素\n{\n    type: &#39;group&#39;,\n    // 如果 diffChildrenByName 设为 true，则会使用 child.name 进行 diff，\n    // 从而能有更好的过度动画，但是降低性能。缺省为 false。\n    // diffChildrenByName: true,\n    children: [{\n        type: &#39;circle&#39;,\n        shape: {\n            cx: cx, cy: cy, r: r\n        },\n        style: api.style()\n    }, {\n        type: &#39;line&#39;,\n        shape: {\n            x1: x1, y1: y1, x2: x2, y2: y2\n        },\n        style: api.style()\n    }]\n}\n</code></pre>\n"}}},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。 默认从全局调色盘 <a href=\"#color\">option.color</a> 获取颜色 </p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"dimensions":{"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            // &#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;\n            [12, 44, 55, 66, 2],\n            [23, 6, 16, 23, 1],\n            ...\n        ]\n    },\n    series: {\n        type: &#39;xxx&#39;,\n        // 定义了每个维度的名称。这个名称会被显示到默认的 tooltip 中。\n        dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    }\n}\n</code></pre>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [\n        null,                // 如果此维度不想给出定义，则使用 null 即可\n        {type: &#39;ordinal&#39;},   // 只定义此维度的类型。\n                             // &#39;ordinal&#39; 表示离散型，一般文本使用这种类型。\n                             // 如果类型没有被定义，会自动猜测类型。\n        {name: &#39;good&#39;, type: &#39;number&#39;},\n        &#39;bad&#39;                // 等同于 {name: &#39;bad&#39;}\n    ]\n}\n</code></pre>\n<p><code>dimensions</code> 数组中的每一项可以是：</p>\n<ul>\n<li><code>string</code>，如 <code>&#39;someName&#39;</code>，等同于 <code>{name: &#39;someName&#39;}</code></li>\n<li><code>Object</code>，属性可以有：<ul>\n<li>name: <code>string</code>。</li>\n<li>type: <code>string</code>，支持<ul>\n<li><code>number</code>，默认，表示普通数据。</li>\n<li><code>ordinal</code>，对于类目、文本这些 string 类型的数据，如果需要能在数轴上使用，须是 &#39;ordinal&#39; 类型。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>，表示时间类型。设置成 &#39;time&#39; 则能支持自动解析数据成时间戳（timestamp），比如该维度的数据是 &#39;2017-05-10&#39;，会自动被解析。时间类型的支持参见 <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"},"encode":{"description":"<p>可以定义 <code>data</code> 的哪个维度被编码成什么。比如：</p>\n<pre><code class=\"lang-js\">option = {\n    dataset: {\n        source: [\n            // 每一列称为一个『维度』。\n            // 这里分别是维度 0、1、2、3、4。\n            [12, 44, 55, 66, 2],\n            [23, 6, 16, 23, 1],\n            ...\n        ]\n    },\n    series: {\n        type: &#39;xxx&#39;,\n        encode: {\n            x: [3, 1, 5],      // 表示维度 3、1、5 映射到 x 轴。\n            y: 2,              // 表示维度 2 映射到 y 轴。\n            tooltip: [3, 2, 4] // 表示维度 3、2、4 会在 tooltip 中显示。\n        }\n    }\n}\n</code></pre>\n<p>encode 支持的属性，根据坐标系不同而不同。\n对于 <a href=\"#grid\">直角坐标系（cartesian2d）</a>，支持 <code>x</code>、<code>y</code>。\n对于 <a href=\"#polar\">极坐标系（polar）</a>，支持 <code>radius</code>、<code>angle</code>。\n对于 <a href=\"#geo\">地理坐标系（geo）</a>，支持 <code>lng</code>，<code>lat</code>。\n此外，均支持 <code>tooltip</code> 和 <code>itemName</code>（用于指定 tooltip 中数据项名称）。</p>\n<p>当使用 <a href=\"#series.dimensions\">dimensions</a> 给维度定义名称后，<code>encode</code> 中可直接引用名称，例如：</p>\n<pre><code class=\"lang-js\">series: {\n    type: &#39;xxx&#39;,\n    dimensions: [&#39;date&#39;, &#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;],\n    encode: {\n        x: &#39;date&#39;,\n        y: [&#39;open&#39;, &#39;close&#39;, &#39;highest&#39;, &#39;lowest&#39;]\n    }\n}\n</code></pre>\n"},"seriesLayoutBy":{"description":"<p>当使用 <a href=\"#dataset\">dataset</a> 时，<code>seriesLayoutBy</code> 指定了 <code>dataset</code> 中用行还是列对应到系列上，也就是说，系列“排布”到 <code>dataset</code> 的行还是列上。可取值：</p>\n<ul>\n<li>&#39;column&#39;：默认，<code>dataset</code> 的列对应于系列，从而 <code>dataset</code> 中每一列是一个维度（dimension）。</li>\n<li>&#39;row&#39;：<code>dataset</code> 的行对应于系列，从而 <code>dataset</code> 中每一行是一个维度（dimension）。</li>\n</ul>\n<p>参见这个 <a href=\"http://echarts.baidu.com/examples/editor.html?c=dataset-series-layout-by&amp;theme=lite\" target=\"_blank\">示例</a></p>\n"},"datasetIndex":{"description":"<p>如果 <a href=\"#series.data\">series.data</a> 没有指定，并且 <a href=\"#dataset\">dataset</a> 存在，那么就会使用 <a href=\"#dataset\">dataset</a>。<code>datasetIndex</code> 指定本系列使用那个 <a href=\"#dataset\">dataset</a>。</p>\n"},"data":{"items":{"properties":{"name":{"description":"<p>数据项名称。</p>\n"},"value":{"description":"<p>单个数据项的数值。</p>\n"},"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}},"emphasis":{"properties":{"itemStyle":{"properties":{"color":{"description":"<p>图形的颜色。</p>\n<blockquote>\n<p>颜色可以使用 RGB 表示，比如 <code>&#39;rgb(128, 128, 128)&#39;</code>，如果想要加上 alpha 通道表示不透明度，可以使用 RGBA，比如 <code>&#39;rgba(128, 128, 128, 0.5)&#39;</code>，也可以使用十六进制格式，比如 <code>&#39;#ccc&#39;</code>。除了纯色之外颜色也支持渐变色和纹理填充</p>\n<pre><code class=\"lang-js\">// 线性渐变，前四个参数分别是 x0, y0, x2, y2, 范围从 0 - 1，相当于在图形包围盒中的百分比，如果 globalCoord 为 `true`，则该四个值是绝对的像素位置\ncolor: {\n    type: &#39;linear&#39;,\n    x: 0,\n    y: 0,\n    x2: 0,\n    y2: 1,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 径向渐变，前三个参数分别是圆心 x, y 和半径，取值同线性渐变\ncolor: {\n    type: &#39;radial&#39;,\n    x: 0.5,\n    y: 0.5,\n    r: 0.5,\n    colorStops: [{\n        offset: 0, color: &#39;red&#39; // 0% 处的颜色\n    }, {\n        offset: 1, color: &#39;blue&#39; // 100% 处的颜色\n    }],\n    globalCoord: false // 缺省为 false\n}\n// 纹理填充\ncolor: {\n    image: imageDom, // 支持为 HTMLImageElement, HTMLCanvasElement，不支持路径字符串\n    repeat: &#39;repeat&#39; // 是否平铺, 可以是 &#39;repeat-x&#39;, &#39;repeat-y&#39;, &#39;no-repeat&#39;\n}\n</code></pre>\n</blockquote>\n"},"borderColor":{"description":"<p>图形的描边颜色。支持的颜色格式同 <code>color</code>，不支持回调函数。</p>\n"},"borderWidth":{"description":"<p>描边线宽。为 0 时无描边。</p>\n"},"borderType":{"description":"<p>柱条的描边类型，默认为实线，支持 <code>&#39;solid&#39;</code>, <code>&#39;dashed&#39;</code>, <code>&#39;dotted&#39;</code>。</p>\n"},"shadowBlur":{"description":"<p>图形阴影的模糊大小。该属性配合 <code>shadowColor</code>,<code>shadowOffsetX</code>, <code>shadowOffsetY</code> 一起设置图形的阴影效果。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">{\n    shadowColor: &#39;rgba(0, 0, 0, 0.5)&#39;,\n    shadowBlur: 10\n}\n</code></pre>\n"},"shadowColor":{"description":"<p>阴影颜色。支持的格式同<code>color</code>。</p>\n"},"shadowOffsetX":{"description":"<p>阴影水平方向上的偏移距离。</p>\n"},"shadowOffsetY":{"description":"<p>阴影垂直方向上的偏移距离。</p>\n"},"opacity":{"description":"<p>图形透明度。支持从 0 到 1 的数字，为 0 时不绘制该图形。</p>\n"}}}}},"tooltip":{"properties":{"position":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<blockquote>\n<p><strong>注意：</strong><code>series.data.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}}},"zlevel":{"description":"<p>自定义图所有图形的 zlevel 值。</p>\n<p><code>zlevel</code>用于 Canvas 分层，不同<code>zlevel</code>值的图形会放置在不同的 Canvas 中，Canvas 分层是一种常见的优化手段。我们可以把一些图形变化频繁（例如有动画）的组件设置成一个单独的<code>zlevel</code>。需要注意的是过多的 Canvas 会引起内存开销的增大，在手机端上需要谨慎使用以防崩溃。</p>\n<p><code>zlevel</code> 大的 Canvas 会放在 <code>zlevel</code> 小的 Canvas 的上面。</p>\n"},"z":{"description":"<p>自定义图组件的所有图形的<code>z</code>值。控制图形的前后顺序。<code>z</code>值小的图形会被<code>z</code>值大的图形覆盖。</p>\n<p><code>z</code>相比<code>zlevel</code>优先级更低，而且不会创建新的 Canvas。</p>\n"},"silent":{"description":"<p>图形是否不响应和触发鼠标事件，默认为 false，即响应和触发鼠标事件。</p>\n"},"animation":{"description":"<p>是否开启动画。</p>\n"},"animationThreshold":{"description":"<p>是否开启动画的阈值，当单个系列显示的图形数量大于这个阈值时会关闭动画。</p>\n"},"animationDuration":{"description":"<p>初始动画的时长，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果：</p>\n<pre><code class=\"lang-js\">animationDuration: function (idx) {\n    // 越往后的数据延迟越大\n    return idx * 100;\n}\n</code></pre>\n"},"animationEasing":{"description":"<p>初始动画的缓动效果。不同的缓动效果可以参考 <a href=\"http://echarts.baidu.com/gallery/editor.html?c=line-easing\" target=\"_blank\">缓动示例</a>。</p>\n"},"animationDelay":{"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"},"animationDurationUpdate":{"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"},"animationEasingUpdate":{"description":"<p>数据更新动画的缓动效果。</p>\n"},"animationDelayUpdate":{"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"},"tooltip":{"properties":{"position":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的位置，默认不设置时位置会跟随鼠标的位置。</p>\n<p>可选：</p>\n<ul>\n<li><p><code>Array</code></p>\n<p>  通过数组表示提示框浮层的位置，支持数字设置绝对位置，百分比设置相对位置。</p>\n<p>  示例:</p>\n<pre><code class=\"lang-js\">  // 绝对位置，相对于容器左侧 10px, 上侧 10 px\n  position: [10, 10]\n  // 相对位置，放置在容器正中间\n  position: [&#39;50%&#39;, &#39;50%&#39;]\n</code></pre>\n</li>\n<li><p><code>Function</code></p>\n<p>  回调函数，格式如下</p>\n<pre><code class=\"lang-js\">  (point: Array, params: Object|Array.&lt;Object&gt;, dom: HTMLDomElement, rect: Object, size: Object) =&gt; Array\n</code></pre>\n<p>  <strong>参数：</strong><br>\n  point: 鼠标位置，如 [20, 40]。<br>\n  params: 同 formatter 的参数相同。<br>\n  dom: tooltip 的 dom 对象。<br>\n  rect: 只有鼠标在图形上时有效，是一个用<code>x</code>, <code>y</code>, <code>width</code>, <code>height</code>四个属性表达的图形包围盒。<br>\n  size: 包括 dom 的尺寸和 echarts 容器的当前尺寸，例如：<code>{contentSize: [width, height], viewSize: [width, height]}</code>。<br></p>\n<p>  <strong>返回值：</strong><br>\n  可以是一个表示 tooltip 位置的数组，数组值可以是绝对的像素值，也可以是相  百分比。<br>\n  也可以是一个对象，如：<code>{left: 10, top: 30}</code>，或者 <code>{right: &#39;20%&#39;, bottom: 40}</code>。<br></p>\n<p>  如下示例：</p>\n<pre><code class=\"lang-js\">  position: function (point, params, dom, rect, size) {\n      // 固定在顶部\n      return [point[0], &#39;10%&#39;];\n  }\n</code></pre>\n<p>  或者：</p>\n<pre><code class=\"lang-js\">  position: function (pos, params, dom, rect, size) {\n      // 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。\n      var obj = {top: 60};\n      obj[[&#39;left&#39;, &#39;right&#39;][+(pos[0] &lt; size.viewSize[0] / 2)]] = 5;\n      return obj;\n  }\n</code></pre>\n</li>\n</ul>\n<ul>\n<li><p><code>&#39;inside&#39;</code></p>\n<p>  鼠标所在图形的内部中心位置，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;top&#39;</code></p>\n<p>  鼠标所在图形上侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;left&#39;</code></p>\n<p>  鼠标所在图形左侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;right&#39;</code></p>\n<p>  鼠标所在图形右侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n<li><p><code>&#39;bottom&#39;</code></p>\n<p>  鼠标所在图形底侧，只在 <a href=\"#tooltip.trigger\">trigger</a> 为<code>&#39;item&#39;</code>的时候有效。</p>\n</li>\n</ul>\n"},"formatter":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内容格式器，支持字符串模板和回调函数两种形式。</p>\n<p><strong>1, 字符串模板</strong></p>\n<p>模板变量有 <code>{a}</code>, <code>{b}</code>，<code>{c}</code>，<code>{d}</code>，<code>{e}</code>，分别表示系列名，数据名，数据值等。\n在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，会有多个系列的数据，此时可以通过 <code>{a0}</code>, <code>{a1}</code>, <code>{a2}</code> 这种后面加索引的方式表示系列的索引。\n不同图表类型下的 <code>{a}</code>，<code>{b}</code>，<code>{c}</code>，<code>{d}</code> 含义不一样。\n其中变量<code>{a}</code>, <code>{b}</code>, <code>{c}</code>, <code>{d}</code>在不同图表类型下代表数据含义为：</p>\n<ul>\n<li><p>折线（区域）图、柱状（条形）图、K线图 : <code>{a}</code>（系列名称），<code>{b}</code>（类目值），<code>{c}</code>（数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>散点图（气泡）图 : <code>{a}</code>（系列名称），<code>{b}</code>（数据名称），<code>{c}</code>（数值数组）, <code>{d}</code>（无）</p>\n</li>\n<li><p>地图 : <code>{a}</code>（系列名称），<code>{b}</code>（区域名称），<code>{c}</code>（合并数值）, <code>{d}</code>（无）</p>\n</li>\n<li><p>饼图、仪表盘、漏斗图: <code>{a}</code>（系列名称），<code>{b}</code>（数据项名称），<code>{c}</code>（数值）, <code>{d}</code>（百分比）</p>\n</li>\n</ul>\n<p>更多其它图表模板变量的含义可以见相应的图表的 label.formatter 配置项。</p>\n<p><strong>示例：</strong></p>\n<pre><code class=\"lang-js\">formatter: &#39;{b0}: {c0}&lt;br /&gt;{b1}: {c1}&#39;\n</code></pre>\n<p><strong>2, 回调函数</strong></p>\n<p>回调函数格式：</p>\n<pre><code class=\"lang-js\">(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) =&gt; string\n</code></pre>\n<p>第一个参数 <code>params</code> 是 formatter 需要的数据集。格式如下：</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n    // 饼图的百分比\n    percent: number,\n\n}\n</code></pre>\n<p>在 <a href=\"#tooltip.trigger\">trigger</a> 为 <code>&#39;axis&#39;</code> 的时候，或者 tooltip 被 <a href=\"#xAxis.axisPointer\">axisPointer</a> 触发的时候，<code>params</code> 是多个系列的数据数组。其中每项内容格式同上，并且，</p>\n<pre><code class=\"lang-js\">{\n    componentType: &#39;series&#39;,\n    // 系列类型\n    seriesType: string,\n    // 系列在传入的 option.series 中的 index\n    seriesIndex: number,\n    // 系列名称\n    seriesName: string,\n    // 数据名，类目名\n    name: string,\n    // 数据在传入的 data 数组中的 index\n    dataIndex: number,\n    // 传入的原始数据项\n    data: Object,\n    // 传入的数据值\n    value: number|Array,\n    // 数据图形的颜色\n    color: string,\n\n}\n</code></pre>\n<p><strong>注：</strong> ECharts 2.x 使用数组表示各参数的方式不再支持。</p>\n<p>第二个参数 <code>ticket</code> 是异步回调标识，配合第三个参数 <code>callback</code> 使用。\n第三个参数 <code>callback</code> 是异步回调，在提示框浮层内容是异步获取的时候，可以通过 callback 传入上述的 <code>ticket</code> 和 <code>html</code> 更新提示框浮层内容。</p>\n<p>示例：</p>\n<pre><code class=\"lang-js\">formatter: function (params, ticket, callback) {\n    $.get(&#39;detail?name=&#39; + params.name, function (content) {\n        callback(ticket, toHTML(content));\n    });\n    return &#39;Loading&#39;;\n}\n</code></pre>\n"},"backgroundColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的背景颜色。</p>\n"},"borderColor":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框颜色。</p>\n"},"borderWidth":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层的边框宽。</p>\n"},"padding":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>提示框浮层内边距，单位px，默认各方向内边距为5，接受数组分别设定上右下左边距。</p>\n<p>使用示例：</p>\n<pre><code class=\"lang-js\">// 设置内边距为 5\npadding: 5\n// 设置上下的内边距为 5，左右的内边距为 10\npadding: [5, 10]\n// 分别设置四个方向的内边距\npadding: [\n    5,  // 上\n    10, // 右\n    5,  // 下\n    10, // 左\n]\n</code></pre>\n"},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"extraCssText":{"description":"<p><br></p>\n<blockquote>\n<p><strong>注意：</strong><code>series.tooltip</code> 仅在 <a href=\"#tooltip.trigger\">tooltip.trigger</a> 为 <code>&#39;item&#39;</code> 时有效。<br></p>\n</blockquote>\n<p>额外附加到浮层的 css 样式。如下为浮层添加阴影的示例：</p>\n<pre><code class=\"lang-js\">extraCssText: &#39;box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);&#39;\n</code></pre>\n"}}}}}]}},"color":{"properties":{}},"backgroundColor":{"properties":{}},"textStyle":{"properties":{"color":{"description":"<p>文字的颜色。</p>\n"},"fontStyle":{"description":"<p>文字字体的风格</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;italic&#39;</code></li>\n<li><code>&#39;oblique&#39;</code></li>\n</ul>\n"},"fontWeight":{"description":"<p>文字字体的粗细</p>\n<p>可选：</p>\n<ul>\n<li><code>&#39;normal&#39;</code></li>\n<li><code>&#39;bold&#39;</code></li>\n<li><code>&#39;bolder&#39;</code></li>\n<li><code>&#39;lighter&#39;</code></li>\n<li>100 | 200 | 300 | 400...</li>\n</ul>\n"},"fontFamily":{"description":"<p>文字的字体系列</p>\n<p>还可以是 &#39;serif&#39; , &#39;monospace&#39;, &#39;Arial&#39;, &#39;Courier New&#39;, &#39;Microsoft YaHei&#39;, ...</p>\n"},"fontSize":{"description":"<p>文字的字体大小</p>\n"},"lineHeight":{"description":"<p>行高。</p>\n<p><code>rich</code> 中如果没有设置 <code>lineHeight</code>，则会取父层级的 <code>lineHeight</code>。例如：</p>\n<pre><code class=\"lang-js\">{\n    lineHeight: 56,\n    rich: {\n        a: {\n            // 没有设置 `lineHeight`，则 `lineHeight` 为 56\n        }\n    }\n}\n</code></pre>\n"},"width":{"description":"<p>文字块的宽度。一般不用指定，不指定则自动是文字的宽度。在想做表格项或者使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p><code>width</code> 也可以是百分比字符串，如 <code>&#39;100%&#39;</code>。表示的是所在文本块的 <code>contentWidth</code>（即不包含文本块的 <code>padding</code>）的百分之多少。之所以以 <code>contentWidth</code> 做基数，因为每个文本片段只能基于 <code>content box</code> 布局。如果以 <code>outerWidth</code> 做基数，则百分比的计算在实用中不具有意义，可能会超出。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"height":{"description":"<p>文字块的高度。一般不用指定，不指定则自动是文字的高度。在使用图片（参见 <code>backgroundColor</code>）时，可能会使用它。</p>\n<p>注意，文字块的 <code>width</code> 和 <code>height</code> 指定的是内容高宽，不包含 <code>padding</code>。</p>\n<p>注意，如果不定义 <code>rich</code> 属性，则不能指定 <code>width</code> 和 <code>height</code>。</p>\n"},"textBorderColor":{"description":"<p>文字本身的描边颜色。</p>\n"},"textBorderWidth":{"description":"<p>文字本身的描边宽度。</p>\n"},"textShadowColor":{"description":"<p>文字本身的阴影颜色。</p>\n"},"textShadowBlur":{"description":"<p>文字本身的阴影长度。</p>\n"},"textShadowOffsetX":{"description":"<p>文字本身的阴影 X 偏移。</p>\n"},"textShadowOffsetY":{"description":"<p>文字本身的阴影 Y 偏移。</p>\n"}}},"animation":{"properties":{}},"animationThreshold":{"properties":{}},"animationDuration":{"properties":{}},"animationEasing":{"properties":{}},"animationDelay":{"properties":{}},"animationDurationUpdate":{"properties":{}},"animationEasingUpdate":{"properties":{}},"animationDelayUpdate":{"properties":{}},"progressive":{"properties":{}},"progressiveThreshold":{"properties":{}},"blendMode":{"properties":{}},"hoverLayerThreshold":{"properties":{}},"useUTC":{"properties":{}}}}}